checkbox_jquery_validate.md

jQuery验证checkbox

相关文章 - model数据验证与消息闪现(flash)

需求：

将现有的后端验证 重构为 jquery_validate

初始化jQuery validate

初始化方法和datepicker类似，选择器+.validate()

!> 注意，$('form').validate()只会初始化选择器的第一个from

因为validate可以设置错误信息的出现位置及文案等，所以每个表单都要单独validate一次

并不像datepicker一样可以批量初始化

验证checkbox至少选中一个

jQuery自带的验证方法没有涉及checkbox的，需要自定义规则

** HTML **

  <!-- 批量删除好友表单 -->
  <form>
    <div class="errors-msg"></div>
    <input type="submit"/>
    <!-- ... -->
    <% @friends.each do |friend| %>
    <tr>
      <td>
        <input type='checkbox' name='checkbox[]' value='<%= friend.id %>'/>
      </td>
      <!-- ... -->
  </form>

** JavaScript **

$("#form").validate({
  rules: {
    "checkbox[]": {
      required: true,
      minlength: 1
    }
  },
  errorLabelContainer: ".errors-msg",
  messages: {
    "checkbox[]": "至少要勾选一个订单才能进行批量撤销"
  }
});

参考链接：

• Checkbox Form validation using jQuery Validate plugin
• jQuery Validate - 菜鸟教程