jQuery驗證插件，驗證電子郵件地址不起作用

由於Dreamweaver已經放棄了Spry，我正在尋找一個簡單的替代方案，並且正在試用驗證jQuery插件。我遇到的問題是，雖然電子郵件驗證根本不起作用。jQuery驗證插件，驗證電子郵件地址不起作用

我已經包含文件添加到頭：

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> 
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.min.js"></script>

這是從田間地頭代碼：

<div class="pure-control-group"> 
    <label for="First_Name">First Name:</label> 
    <input type="text" name="First_Name" id="First_Name" required /> 
</div> 
<div class="pure-control-group"> 
    <label for="Last_Name">Last Name:</label> 
    <input type="text" name="Last_Name" id="Last_Name" required /> 
</div> 
<div class="pure-control-group"> 
    <label for="Email_Address">Email:</label> 
    <input type="text" name="Email_Address" id="Email_Address" /> 
</div>

這是驗證碼：

$("#form1").validate({ 
rules: { 
    Email_Address: { 
    required: true, 
    email: true 
    } 
    } 
});

漂亮簡單。前兩個字段驗證正確，但不是電子郵件字段。

來源

2013-06-30 Lee Firth

一切看起來都適合我。您可能想檢查控制檯是否有任何javascript錯誤。另外，表單下的驗證代碼是什麼？ – jlars62

驗證碼放在關閉正文標籤之前。 –

您能否確保您的ID已附加到您的開放表格標籤？

ie：form id =「form1」？

啊只是注意到你說的其他人確認。

來源

2013-06-30 23:45:08 Mark

我也相信要求應該是班級的名字。即︰class =「required」，儘管它似乎並沒有解釋爲什麼這不工作... – Mark

表單的ID是正確的。我認爲前兩個字段不起作用，我認爲這只是您將字段設置爲「必需」時Chrome的默認行爲。 –

解決了這個問題，我在驗證包含之後添加了jQuery。謝謝您的幫助。 –

jQuery驗證插件，驗證電子郵件地址不起作用

回答

相關問題