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. バリデーションのエラー表示がそのことを行います。エラーラベルの代わりにアラートが必要な場合は、エラーの表示方法を変更できます（ドキュメントを参照）。