Javascript 表单输入的条件验证

首先是一个append按钮，它生成一个包含1个select框、1个inputbox和4个复选框的行。添加这个的限制是最多1-10行。我不知道如何使用例如或独立的jquery代码进行jquery验证。我想适用的规则是：

如果选择的角色是用户而不是管理员，我必须验证是否至少选中了一个复选框，并且用户在选择中没有出现两次

问题是我都不知道从哪里开始，你能给我一些提示吗

实例：：

追加方法onClick

$(document).ready(function(){
    var obj = {"1":"Admin istrator","2":"User2"};

    //$('.selectpicker').selectpicker();
    $(".addCF").click(function(){

        count = $('#customFields tr').length + 1;
        var sel = $('<select name="user'+count+'">');

        for(key in obj){
            // The key is key
            // The value is obj[key]
            sel.append($("<option>").attr('value',key).text(obj[key]));
        }

        $('.selectpicker').selectpicker();
        $("#customFields").append('<tr><td>'+sel[0].outerHTML
        +'</td><td><input class="form-control" class="valid_role"'
        +' data-fv-field="emails" type="text" name="role'+count
        +'" /></td><td><input type="checkbox" class="mycheckbox"'
        +' name="can_edit'+count+'"></td><td><input type="checkbox" '
        +'class="mycheckbox" name="can_read'+count+'"></td><td><input '
        +'type="checkbox" class="mycheckbox" name="can_execute'+count+'">'
        +'</td><td><input type="checkbox" class="mycheckbox" '
        +'name="is_admin'+count+'"></td><td><a href="javascript:void(0);"'
        +'class="remCF">Remove</a></td></tr>');
        $('.mycheckbox').iCheck({
            checkboxClass: 'icheckbox_square-blue',
            radioClass: 'iradio_square-blue'
        });
        $('.selectpicker').selectpicker();
    });
    $("#customFields").on('click','.remCF',function(){
    $(this).parent().parent().remove();
    });
});

HTML表单

<div class="col-md-12 col-lg-12"> 
  <table class="table table-user-information" id="customFields">
    <thead>
      <tr>
        <th class="standardTable_Header">User</th>
        <th class="standardTable_Header">Role</th>
        <th class="standardTable_Header">
          <span title="administrator projektu">Can read</span>
        </th>
        <th class="standardTable_Header">
           <span title="uprawnienie do edycji danych projektu">
             edit
           </span>
        </th>
        <th class="standardTable_Header">
          <span title="uprawnienie do odczytu danych projektu oraz przypisanych do niego zadań">
           excute
          </span>
        </th>
        <th class="standardTable_Header">
          <span title="uprawnienie do edycji danych projektu">
            admin
          </span>
         </th>
      </tr>
    </thead>
  <tbody>
    <button type="button" class="btn btn-default addCF">
      Append
    </button>
    </div>
  </tbody>
</table>

通过使用此功能，我们可以执行以下操作： 假设：如果且仅当select标记的值为User2，则角色复选框必须至少有一个复选框 1-使用带有提交按钮的表单标签包装表格：

<div class="col-md-12 col-lg-12">
    <form id="myform">
        <table class="table table-user-information" id="customFields">
            ...
        </table>
        <input type="submit" value="submit" />
    </form>
</div>

查看所有内容和使用此项和通过，我们可以执行以下操作： 假设：如果且仅当select标记的值为User2，则角色复选框必须至少有一个复选框 1-使用带有提交按钮的表单标签包装表格：

<div class="col-md-12 col-lg-12">
    <form id="myform">
        <table class="table table-user-information" id="customFields">
            ...
        </table>
        <input type="submit" value="submit" />
    </form>
</div>

---

与一起查看

这仅适用于一个附加，如果它是动态的，它不会验证其他字段，除此之外，它还需要检查是否至少选中了一个复选框，并且用户在选择中不会出现两次-因此我猜这种方法不会解决这个问题谢谢你的反馈，但你的问题是，我甚至不知道从哪里开始，你能给我一些提示吗？所以我给了你一个提示，告诉你如何开始。根据我的答案完成你的项目，并表现出一些努力。如果你需要帮助，我确实是为了帮助你而存在的：看这个问题。重要的是要知道问题和答案应该是怎样的，所以这只适用于一个附加，如果它是动态的，它不会验证其他字段，除此之外，它还需要检查是否至少选中了一个复选框，并且用户在选择中不会出现两次-因此我猜这种方法不会解决这个问题谢谢你的反馈，但你的问题是，我甚至不知道从哪里开始，你能给我一些提示吗？所以我给了你一个提示，告诉你如何开始。根据我的答案完成你的项目，并表现出一些努力。如果你需要帮助，我确实是为了帮助你而存在的：看这个问题。重要的是要知道问题和答案应该是怎样的

// just for the demos, avoids form submit
    jQuery.validator.setDefaults({
        debug: true,
        success: "valid"
    });
    $("#myform").validate({
        rules: {
            ourRoles: {
                required: function () {
                    if ($("select[name=user2]").val() == 2) {
                        return true;
                    } else {
                        return false;
                    }
                }
            }
        }
    });