Decimal Number upto 2 Places Javascript Validation

Today, Im going to share very simple yet very useful Javascript validation for allow user to enter only Decimal value upto 2 place after . in Textbox as well as Only Integer 1-9 number allows in Textbox validation using Javascript.

Only Decimal Number upto 2 number after . Allow in Textbox using Javascript Validation

<script type="text/javascript">

//Decimal value validation using Javascript 
function decimalAmount(myfield, e, dec)
{
 var str = myfield.value;
 var decPos = str.split('.');

 var key;
 var keychar;

if (window.event)
 key = window.event.keyCode;
else if (e)
 key = e.which;
else
 return true;
 
keychar = String.fromCharCode(key);

if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) ) // control keys
 return true;
else if(decPos.length > 1)
{
 decPos = decPos[1];
 if(decPos.length >= 2) return false;
}
else if ((("0123456789.").indexOf(keychar) > -1)) // numbers
 return true;
else if (dec && (keychar == ".")) // decimal point jump
{
 myfield.form.elements[dec].focus();
 return false;
}
else
 return false;
}
</script>

Only Number 1-9 Allow in Textbox Javascript Validation

<script type="text/javascript">
function numbersonly(myfield, e, dec)
{
var key;
var keychar;

if (window.event)
   key = window.event.keyCode;
else if (e)
   key = e.which;
else
   return true;

keychar = String.fromCharCode(key);

// control keys
if ((key==null) || (key==0) || (key==8) || (key==9) || (key==13) || (key==27) )
   return true;
else if ((("0123456789").indexOf(keychar) > -1))
   return true;
else if (dec && (keychar == ".")) // decimal point jump
{
 myfield.form.elements[dec].focus();
 return false;
}
else
   return false;
}
</script>
<script type="text/javascript">
function alphabateCHaracterOnly(txt, e) {
 var arr = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz ";
 var code;
 if (window.event)
  code = e.keyCode;
 else
  code = e.which;
 var char = keychar = String.fromCharCode(code);
 if (arr.indexOf(char) == -1)
  return false;
}

Allow user to only enter exactly 9 numbers in Textbox

<script type="text/javascript">


<script type="text/javascript">
jQuery(document).ready(function($){
 $('body').delegate('.lsrecordrequest', 'click', function(){
  var $this = $(this);
  if($('#refno').val().length < 9 || $('#refno').val().length > 9)
  {
   if(!$('#lsrefspan').length > 0)
   {
   $('#refno').after('Reference Number is required with 9 Digit.'); }
   return false;
  }
 });
 
});

How to Call/use above Function with Textbox

Call above function as per your requirement on textbox onKeyPress event, hence function call on every key press event and check user input value ok or not.
<input id="amount" type="text" name="amount" class="required number" onKeyPress="return onlyAmount(this, event)"/>

Post a Comment

0 Comments