тип ввода число, принимает число только не письмо jquery

Question

$("#number").bind('keyup change click', function() { 
      if ($(this).val().match(/^\d+$/)) { 

      } else { 
       alert("Not a number"); 
      } 

Это мой код для ввода ввода, который является номером только от пользователя. Это нормально, но у меня возникли проблемы с start of click; когда я нажимаю он alert, что это не число, даже если он по-прежнему empty так я добавил еще один код:

if ($(this).val().length === 0) { 
} 

от начала кода. Это устранило проблему с пустым или начальным щелчком проблемы, когда я печатаю letters это does not alert сообщение больше. Как исправить это? Любое предложение оценили

Answer 1

@Rias есть ответ выше, но вы также можете сделать следующее.

$("#number").bind('keyup change click', function() { 
    //Check only if the text box is not empty 
    if ($.trim($(this).val()) != "") { 
     if ($(this).val().match(/^\d+$/)) { 
     } else { 
      alert("Not a number"); 
     } 
    } 
}); 

Demo @Fiddle

Update: В случае, если вы хотели, чтобы удалить не-числовые символы, попробуйте следующее.

$("#number").bind('keyup change click', function() { 

    if ($.trim($(this).val()) != "") { 
     if ($(this).val().match(/^\d+$/)) { 
     } else { 
      alert("Not a number"); 
      $(this).val($(this).val().replace(/[^0-9]+/gi, "")); 
     } 
    } 
}); 

Answer 2

Измените регулярное выражение /^\d*$/ и он будет принимать пустое поле также, потому что квантор * принимает 0 или более символов числа типа \d, в то время как + потребности 1 или более числа для соответствия.

$(document).ready(function() { 
 

 

 
    $("#number").bind('keyup change click', function() { 
 
    if ($(this).val().match(/^\d*$/)) { 
 

 
    } else { 
 
     alert("Not a number"); 
 
    } 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="number">