jquery驗證至少一個複選框

正確的話，這個話題已經在前面討論過了，如validation for at least one checkbox（和相關的演示站點http://jsfiddle.net/RGUTv/）。所以我複製瞭解決方案，但它似乎沒有工作，我不知道爲什麼。控制檯顯示在執行validate（）調用後，所執行的函數完全不會被觸發。我認爲錯誤只能是我的html代碼，但具體是什麼錯誤？jquery驗證至少一個複選框

有什麼建議嗎？

在此先感謝。

HTML代碼：

<input type="checkbox" id="check0" name="productselection0" value="productselected0" class="require-one"> 

<input type="checkbox" id="check1" name="productselection1" value="productselected1" class="require-one"> 

<input type="checkbox" id="check2" name="productselection2" value="productselected2" class="require-one">

Javascript代碼（1月1從溶液中拷貝在validation for at least one checkbox）：

<script> 
    $(document).ready(function() { 

     $.validator.addMethod('require-one', function(value) { 
      console.log("addMethod triggered"); 
      return $('.require-one:checked').size() > 0; 
     }, 'Please check at least one box.'); 

     var checkboxes = $('.require-one'); 
     var checkbox_names = $.map(checkboxes, function(e, i) { 
      return $(e).attr("name") 
     }).join(" "); 

     $("#myForm").validate({ 
      groups: { 
       checks: checkbox_names 
      }, 
      errorPlacement: function(error, element) { 
       if (element.attr("type") == "checkbox") 
        error.insertAfter(checkboxes.last()); 
       else error.insertAfter(element); 
      }  
     }); //validate() 

}); //function 
</script>

來源

2013-08-22 Joppo

jQuery的版本中使用 –

<腳本類型= 「文/ JavaScript的」 SRC =」 http://code.jquery.com/jquery-latest.min.js「> – Joppo

看起來對我很好http： //jsfiddle.net/arunpjohny/ScPK3/2/ –

在additional-method.js file，有一個叫做require_from_group方法，會做你的描述...在選定的輸入元素組中輸入指定數量的輸入元素required。 （請務必使用其修正了最新的版本（1.11.1））

$(document).ready(function() { 

    $('#myform').validate({ 
     rules: { 
      productselection0: { 
       require_from_group: [1, '.require-one'] 
      }, 
      productselection1: { 
       require_from_group: [1, '.require-one'] 
      }, 
      productselection2: { 
       require_from_group: [1, '.require-one'] 
      } 
     }, 
     groups: { 
      checks: "productselection0 productselection2 productselection3" 
     } 
    }); 

});

工作演示：http://jsfiddle.net/Fr4y4/

來源

2013-08-22 16:10:11 Sparky

jquery驗證至少一個複選框

回答

相關問題