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)"/>
0 Comments