JQuery單元驗證不尊重規則

Question

我不能破解這一個 - 我有一個簡單的形式與文本框和按鈕（不提交）。我希望用戶輸入一個電子郵件地址，當他們按下按鈕時，它將被添加到頁面上顯示的地址列表中。我只需要驗證用戶輸入以查看它是否是有效的電子郵件地址。

HTML：

<form id="inviteFriendsForm"> 
    Email address: <input type="text" id="cemail" name="someEmail" value="" /> 
    <input type="button" id="addEmail" value="Add email" /> 
</form> 

的jQuery：

$("#addEmail").click(function() { 
    var isValid = $("#inviteFriendsForm").validate({ 
     rules: { cemail: { required: true, email: true } } 
    }).element("#cemail"); 

    if(isValid) { 
     alert($("#cemail").val()); 
    } 
    else { 
     alert('Wrong email'); 
    } 
}); 

我的問題是，isValid變量始終是真實的。請注意，警報並不是因爲我會用它來向用戶指示錯誤，因此我只需要知道是否應該繼續處理用戶輸入。

只是一個紀錄，我使用jQuery驗證插件1.8.0

非常感謝，

安東尼

Answer 1

1. 使按鈕提交按鈕。
2. 使用validate的submitHandler屬性來更改表單驗證時發生的情況。
3. 讓驗證的錯誤顯示完成它的工作。如果您需要警報而不是錯誤標籤，則可以更改錯誤的顯示方式（查看文檔）。