jquery - jquery 中输入的简单数字验证

Question

有人可以帮我进行简单的 jquery 数字验证吗？

<input type="text" name="yourphone" id="yourphone" required style="border-radius:6px; border:1px solid #ccc; width:300px; height:25px;" />
<input type="submit" value="Send Inquiry" class="button" id="mySubmitButton" />

Answer 1

您可以将输入类型更改为数字，例如 <input type="number"... (尽管并非所有浏览器都支持 HTML5 输入类型)。

或者你可以使用这个:

$('#myform').on('submit', function(){
    var value = $('#yourphone').val()
    return $.isNumeric(value);
});

但电话号码可能很复杂，而不仅仅是数字。

万一用户使用+ ( ) - . ,你可以使用这个:
( demo )

$('#myform').on('submit', function(){
    var value = $('#yourphone').val()
    var regex = new RegExp(/^\+?[0-9(),.-]+$/);
    if(value.match(regex)) {return true;}
    return false;
});