将AddMethod()应​​用于验证功能

时间:2009-08-14 14:11:50

标签: jquery jquery-plugins jquery-validate

我是jquery的新手,我正在尝试验证一组复选框[] 使用validation plugin。在搜索互联网后,我遇到了 这个AddMethod()似乎解决了复选框的问题,但我 找不到任何解释如何应用新方法名称的代码 到validate()。

这是我想要实现的代码

<script type="text/javascript">

jQuery.validator.addMethod('minchecked',function(value, element) {
          return $(element).filter(':checked').length >= 1;
}, 'please make a selection');

$(document).ready(function(){
   $("#onlinesurvey").validate({
      rules: {
         <!== do not know how apply the new method if it does go here ==>
      }
    });
});
</script>

<html>
<body>
<form id="onlinesurvey">
<fieldset id="stageone">
<label for="q1a"><input type="checkbox" name="q1[]" id="q1a" value="Blue Square Casino" />Blue Square Casino</label>
<label for="q1b"><input type="checkbox" name="q1[]" id="q1b" value="Paddy Power" />Paddy Power</label>
<label for="q1c"><input type="checkbox" name="q1[]" id="q1c" value="Sky Vegas" />Sky Vegas</label>
<label for="q1d"><input type="checkbox" name="q1[]" id="q1d" value="Virgin Casino" />Virgin Casino</label>
<label for="q1e"><input type="checkbox" name="q1[]" id="q1e" value="Other(s)" />Other(s)</label>
<label for="q1[]" class="error">Please make a selection</label>
</div>  
<input type="button" value="next" class="next" />
</fieldset>
</form>
</body>
</html>

1 个答案:

答案 0 :(得分:2)

$("#onlinesurvey").validate({
  rules: {
     minchecked: true
  }
});