2015-06-27 68 views
2

所以我有一个注册表单,我想验证它与jQuery验证。我是一个beginnner,我真的不知道它是如何工作..
可以说我有一个电话号码的输入:jQuery验证制定新规则

<label class="labelinput" for="phonenum">Phone Number: </label> 
<input type="text" id="cell" name="cell" class="forminput" /><br /> 

而且我想用jQuery来验证第一个数字是零而且它的长度是10位数字。我怎样才能做到这一点?

+0

你想使用jquery,因为你可以做到这一点与普通的HTML。如果你使用HTML5,那么使用模式为 – jycr753

+1

。以供参考:http://stackoverflow.com/questions/19611599/html-5-phone-number-validation-with-pattern –

+0

html是很好的..我怎么能用html做到这一点? – eitanmayer

回答

0

尝试此查询像

if($('#cell').val().length!=10 && $('#cell').val().charAt(0)!='0') 
{ 
    alert('Wrong number input'); 
} 
0

你可以尝试正则表达式:

if (!/^[0]\d{9}$/.test($('#cell').val())) { 
    // wrong phone number 
} 

Fiddle

+0

谢谢,但我如何使用jQuery验证?我如何使用它作为规则之一? – eitanmayer

1

你可以这样做

$(function(){ 
var phonenum = $('#cell').val(); 

if(!isNaN(parseFloat(phonenum)) && isFinite(phonenum) && phonenum.length==10 && phonenum.charAt(0)=='0'){ 
    alert('Correct Input'); 

} 
else{ 
    alert('Wrong Input'); 
} 

}); 

注:

!isNaN(parseFloat(phonenum)) && isFinite(phonenum) 

上述条件检查所输入的charcters是numeric characters

这只是一个简单的解决方案。

如果你想使用Regex你可能想看看这个SO Question