バリデーターjQueryを使用してClickイベントでフォームを検証する

Question

jQuery validateを使用して入力を検証しています。 マイコード：

$('#button').click(function() {  
    $("#form").validate({    
     rules: { 
      phone: { 
       required: true, 
       number: true, 
       rangelength: [7, 14] 
      } 
     } 
    }); 
}); 

そしてHTML：このコードは動作していない

<form id="form" name="form" method="post" action=""> 
<input id="phone" name="phone" class="required" type="text" /> 
<div class="button" id="send_b">Send</div> 
</form> 

。 jQueryのこの行を追加すると、クリックイベント内にjQueryの行が追加されます。

$("#form").submit(); 

しかし、私はフォームを提出したくないので、クリックして検証するだけです。

誰でもこれを行う方法を知っていますか？

Answer 1

ただ、手動ですぐに検証をトリガーする.form()を追加します（デフォルトの動作は、提出イベント待ち）：

$('#button').click(function() {  
    $("#form").validate({    
    rules: { 
     phone: { 
     required: true, 
     number: true, 
     rangelength: [7, 14] 
     } 
    } 
    }).form(); 
}); 

Answer 2

あなたのコードは、ボタンのclickイベントに関数を結合されます。あなたがやっていることは、「このボタンがクリックされたときにフォームの検証をフォームに適用する」ということです。

これは、検証プラグインを使用する間違った方法です（これはthis検証プラグインを使用していると仮定しています）。代わりに、メソッドをform要素に直接実行するだけです。プラグインはsubmitイベントを処理します。

したがって、clickイベントバインディングを削除してください。

Answer 3

クリックイベントを使用してフォームメソッドform()を使用してください。