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);
});

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

如果用户使用+ ( ) - . ,您可以使用此:
(演示)

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