仅为选定元素更改验证错误类（Jquery 验证）答案

【问题标题】：Change validation-error class only for selected elements (Jquery validation)仅为选定元素更改验证错误类（Jquery 验证）
【发布时间】：2017-07-22 12:16:30
【问题描述】：

我动态添加文件上传输入字段并将 jquery 验证附加到它们。当错误跨度标签出现时，它的左值是 150px，我无法更改，因为它会影响其他存在验证错误的字段。有没有办法为选择的特定元素更改“验证错误”类的 css 属性（比如元素名称以

开头

element.attr("name").startsWith("claim[travelExpense][travelExpenseAttachment]")

等等。我只需要更改类而不是跨度标记的位置

提前谢谢..

【问题讨论】：

标签： jquery html css validation

【解决方案1】：

您可以使用^= 运算符，这意味着以

开头

例如：

 $( "input[name^='news']" ).val( "news here!" );

它将匹配所有属性以 news

开头的输入

【讨论】：

我需要一种方法来更改一些我知道要编写选择器但不知道如何更改 Jquery 表单验证插件的错误 css 类消息的元素的 ""validation-error" 类

【解决方案2】：

我是这样做的，如下所示，

, 显示错误：函数（错误映射，错误列表）{ this.defaultShowErrors();

        $.each( errorMap, function( key, value ) {

           if ( $('[name="'+key+'"]').attr("name").startsWith("claim[travelExpense][travelExpenseAttachment]") )
               {
                   var id = $('[name="'+key+'"]').attr('id');
                   var intPart = id.split("_")[1];
                   $("#haveFile_"+intPart+"-error").css('left','1px');
                   //$("#haveFile_"+intPart+"-error").css('position','relative');
                   $("#haveFile_"+intPart+"-error").css('top','24px');
                   //$("#haveFile_"+intPart+"-error").css('margin','0');
               }
        });

    //alert('not valid!')
    },
    success: function() {
        //alert('valid!')
    }

【讨论】：