复选框上的自定义 JQuery 验证被选中

Question

我需要为我的表单应用自定义验证。

如果用户选中Add more details复选框，则仅验证以下输入。

$("#validate-form").validate({
            rules: {
                name: {
                    required: true,
                },
                email: {
                    required: true,
                    email: true,
                }
               }
           })

Answer 1

这很简单，因为您的问题是：

$("#more_details").change(function(){
  if ($("#more_details").val()!='') {
    $("#detail1").attr('required',true);
    $("#detail2").prop('required',true);
    $("#detail3").prop('required',true);
  }else{
    $("#detail1").prop('required',false);
    $("#detail2").prop('required',false);
    $("#detail3").prop('required',false);
  }           
});

为了更容易理解点击这个链接