Question

如果可以在每个错误 div上添加唯一ID 。

我试过但不工作...... 的 Demo

示例我使用＆＃39; #test＆＃39;。每个div都添加#test相同。但我需要test1，test2 ...... testn。

$(document).ready(function() {

    $("#question_form").validate({
    errorElement: 'span', //default input error message container
    errorClass: 'help-block', // default input error message class
    focusInvalid: false, // do not focus the last invalid input
    ignore: "",
    rules: {
      fill: "required",
      radios1: "required",
      radios5: "required",

    },   
    highlight: function(element, errorClass, validClass) { // hightlight error inputs
      $(element).closest('.qst_opt_val').addClass('has-error'); // set error class to the control group

      if($('.qst_opt_val').hasClass('has-error')){
                     $('.qst_opt_val').attr('id','test');
                        }    
    },     

    submitHandler: function(form) {
      error.hide();
      form.submit();
    }
  });

});

Answer 1

好的，快速而又脏的方法是循环通过具有错误类的元素，获取元素的索引，添加字符串加索引作为ID。以下是我修改的部分：

highlight: function(element, errorClass, validClass) { // hightlight error inputs
    $(element).closest('.qst_opt_val').addClass('has-error'); // set error class to the control group

    $('.qst_opt_val.has-error').each(function(index) {
        this.id = "test" + (index+1)
    });

}

以下是a demo代码。

如何添加id在表单验证中有错误div

1 个答案: