javascript - 如何添加 id on has error div in form validation

Question

我用了Jquery Validation ..

如果可能，在每个 has-error div 上添加unique Id。

我试过了，但是没有用... <强> Demo

示例我使用了“#test”。每个 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用你的代码。