jQuery驗證制定新規則

所以我有一個註冊表單，我想驗證它與jQuery驗證。我是一個beginnner，我真的不知道它是如何工作..
可以說我有一個電話號碼的輸入：jQuery驗證制定新規則

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

而且我想用jQuery來驗證第一個數字是零而且它的長度是10位數字。我怎樣才能做到這一點？

來源

2015-06-27 eitanmayer

你想使用jquery，因爲你可以做到這一點與普通的HTML。如果你使用HTML5，那麼使用模式爲 – jycr753

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

html是很好的..我怎麼能用html做到這一點？ – eitanmayer

嘗試此查詢像

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

來源

2015-06-27 10:55:46

你可以嘗試正則表達式：

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

Fiddle

來源

2015-06-27 11:01:55 putvande

謝謝，但我如何使用jQuery驗證？我如何使用它作爲規則之一？ – eitanmayer

你可以這樣做

$(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

來源

2015-06-27 11:12:45 Abhinav

jQuery驗證制定新規則

回答

相關問題