Validating input type numbers using javascript / jQuery

Question

I have a input box and need to accept just numbers.
I use javascript and it works fine but the problem : when the box is empty or deleting numbers it returns false and the box color get red.

Here is the codes:

<input id="amount" type="number" size="7" name="amount" onkeypress='return isNumberKey(event)' required/>


<script type="text/javascript">
    function isNumberKey(evt){
        var charCode = (evt.which) ? evt.which : event.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
</script>

read about regular expressions : w3schools.com/jsref/jsref_obj_regexp.asp regular-expressions.info/javascriptexample.html — Sora
– Sora, Commented Feb 7, 2014 at 7:41
thank you sir but i want not to allow users write characters except numbers.If I use in valiadating function i should define new alert and etc. first script works fine butnot for empty box. — Saeed1000
– Saeed1000, Commented Feb 7, 2014 at 17:30

mehmetakifalp · Accepted Answer · 2014-02-07 07:52:51Z

2

check it this validation code : http://jsbin.com/ImIruPEf/1/edit

$(document).ready(function(){
  $("#Submit").click(function(e){
     var isNumber =   IsNumberOnly('input#Age');
    if(!isNumber)
    {
      e.preventDefault();
      $("#ErrorMessage").text('Invalid value. Please enter numeric value.');
    }
    else
    {
       $("#ErrorMessage").text('Success.');
    }
  });
});

function IsNumberOnly(element) {    
    var value = $(element).val();
    var regExp = "^\\d+$";
    return value.match(regExp); 
}

edited Feb 7, 2014 at 7:52

answered Feb 7, 2014 at 7:47

mehmetakifalp

4556 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sora · Accepted Answer · 2014-02-07 07:47:41Z

0

<script type="text/javascript">
function demoMatchClick() {
 var re = new RegExp("^[0-9]+$");
 var val=document.GetelementByID("amount").value;
   if (val.match(re)) {
      alert("Successful match");return true;
   } else {
      alert("No match"); return false;
   }
 }
 </script>

answered Feb 7, 2014 at 7:47

Sora

2,55320 gold badges78 silver badges151 bronze badges

Collectives™ on Stack Overflow

Validating input type numbers using javascript / jQuery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related