チェックボックスのメタデータを含むjQuery検証プラグイン？

Question

私は検証プラグインで忙しく、私はそれが私のチェックボックスとラジオ入力では動作しません。だから私はそれを動作させることができますこの方法で私を助けることができる？

$(".valid").validate({ 
    meta: "validate", 
    errorPlacement: function(error, element) { 
     error.insertAfter(element); 
    } 
}); 

そしてHTML：：

<form action="" class="valid"> 
    <div class="row"> 
     <label>Name</label> 
     <div class="right"><input type="text" value="" name="name" class="{validate:{required:true, messages:{required:'Please enter your name'}}}" /></div> 
    </div> 
    <div class="row"> 
     <label>Checkboxes</label> 
     <div class="right"> 
      <input type="checkbox" name="family" value="" id="family_one" checked="checked" class="required"> 
      <label for="family_one">Check on</label> 

      <input type="checkbox" name="family" value="" id="family_two" class="required"> 
      <label for="family_two">Check off</label> 
     </div> 
    </div> 
    <div class="row"> 
     <label></label> 
     <div class="right"> 
      <button type="submit"><span>Click me</span></button> 
     </div> 
    </div> 
</form> 

フォームチェックこれは私のJSある

（私はそれだけで、入力フィールドのようなメタデータで行うことができます願っています） HTMLチェックボックス：

<div class="right"> 
    <div class="custom-checkbox"><input type="checkbox" name="family" value="" id="third-check" class="require-one error"><label for="third-check">Check off</label></div> 
    <div class="custom-checkbox"><input type="checkbox" name="family" value="" id="fouth-check" class="require-one"><label for="fouth-check">Check off</label></div> 
    <div class="custom-checkbox"><input type="checkbox" name="family" value="" id="five-check" class="require-one"><label for="five-check" class="">Check off</label></div> 
    <div class="custom-checkbox"><input type="checkbox" name="family" value="" id="six-check" class="require-one"> 
    <label for="checks" generated="true" class="error">Please check at least one box.</label> 
    <label for="six-check">Check off</label></div> 
</div> 

Answer 1

最新バージョンのjQuery検証ツールを使用している場合は、要素タグに「必須」クラスを追加するだけです。あなたはコールバック関数を必要とされることはありません場合は特に、ほとんどの場合のために行うだろう

<input type="text" class="required" /> 

または

<input type="radio" class="required" /> 

。

幸運を祈る！

EDIT：

$('#idOfForm').validate(); 

をあなたが直接関数を呼び出すことができるようにするだけのフォームにIDを入れて：

あるSimpy使用して検証関数を呼び出します。

乾杯！

EDIT 2：チェックボックスの場合

、試してみてください。

$('#idOfForm').submit(function(e) { 
    if($('#family_one').attr('checked') == false) { 
     e.preventDefault(); 
     alert("Please check family one"); //Execute your message here 
    }); 
});