帶複選框元數據的jQuery驗證插件？

Question

我忙於驗證插件，我沒有在我的複選框和收音機輸入上工作。那麼，有人能幫我解決這個問題嗎？ （我希望能與元數據就像輸入字段來實現）

這是我的JS：

$(".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> 

表檢查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驗證，那麼您只需將「required」類添加到元素標記中即可。

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

或

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

這將在大多數情況下，特別是如果你不會需要一個回調函數。

祝你好運！

編輯：

的simpy通過調用驗證功能：

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

只要把一個ID的形式，這樣就可以直接調用該函數。

乾杯！

編輯2：

對於複選框，請嘗試：

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