2013-07-17 114 views
0

我一直在嘗試添加驗證到手機領域,所以它只接受10到14位數字(其他更好的英國電話驗證方法也受歡迎)。jQuery驗證插件查詢

我正在使用jQuery驗證插件。

<form class="form" id="lg.callback.form" action="[[~[[*id]]]]" method="post"> 
    <input type="hidden" name="nospam:blank" value=""/> 
    <label for="name"> Name: <span class="error">[[!+fi.error.name]]</span></label> 
    <input id="name" type="text" name="name" value="[[!+fi.name]]" required /> 
    <label for="phone"> Phone: <span class="error">[[!+fi.error.phone]]</span></label> 
    <input id="phone" type="text" name="phone" value="[[!+fi.phone]]" class="phone"/> 

    <input type="submit" value="Request a call back"/> 

</form> 

<script> 
    $("#lg.callback.form").validate(); 
</script> 

我曾嘗試以下操作:

$("#lg.callback.form").validate({ 
    rules: { 
    phone: { 
     required: true, 
     digits: true, 
     minlength: 10, 
     maxlength: 14 
    } 
    } 
}) 

但預計它不工作。

建議將不勝感激。

+0

您可以通過應用正則表達式進一步鎖定驗證以驗證它。它的文檔爲jq驗證插件,如果你看。開始尋找正則表達式的好地方在這裏:http://www.regexlib.com/Search.aspx?k=uk%20phone – rtpHarry

+0

嚴格的驗證有什麼好處?你應該儘可能減少用戶的打擾。人們知道他們進入了什麼,他們仍然可以輸入虛假數字。我喜歡輸入帶有國家代碼的電話號碼(在荷蘭爲+31),並在兩者之間留有空格。 –

回答

1

嘗試更改表單標記的ID。 ID不能包含特殊字符。

先給ID類似lgCallbackForm

改變ID代碼工作正常後。請使用您的代碼檢查此link

+0

其實我只是看到了,當我看到,它的一個允許的字符:http://stackoverflow.com/questions/70579/what-are-valid-values-for-the-id-attribute-in-html – rtpHarry

+0

哦我從另一個回覆中看到它的jquery可能會有問題,猜測這就是你指的:) – rtpHarry

+0

@rtpHarry但是在jQuery中使用它可能會認爲它是類。正如在jquery lg.callback.form意味着選擇與類回調和形式LG –