类在第一次检查时没有被添加到错误元素中,但是当字段再次被检查时一切正常(jquery验证插件)
Class is not being added to the error element on first check , but when field is being checked again all going ok (jquery validation plugin)
看看我的js和html代码:http://jsfiddle.net/2LRv7/2/
有一个问题。不要在输入中写任何东西,只需按提交按钮。两个输入之后都出现了错误消息块。它们被黄色边框包围,但它们必须被黄色边框包围,并在粉红色的背景上。未添加消息类。
如果您再次单击发送按钮或单击字段并单击其他地方(字段外)或单击页面上的某个地方,只是在第一次验证块样式将被更改(背景变为粉红色)。
我不知道为什么,但是消息类不添加到标签元素类。这个动作在高亮/去高亮块中指定(js部分的5-12行)。
我不确定,但我认为错误在这个通道的某个地方:
$("#countersForm").validate({
debug: true,
validClass: "active",
highlight: function(element, errorClass, validClass) {
$(element).addClass(errorClass).removeClass(validClass);
$(element.form).find("label[for=" + element.id + "]").addClass(errorClass).addClass('message');
},
unhighlight: function(element, errorClass, validClass) {
$(element).removeClass(errorClass).addClass(validClass);
$(element.form).find("label[for=" + element.id + "]").removeClass(errorClass).removeClass('message');
},
errorPlacement: function (error, element) {
console.log(error);
var br = $( "<br>" );
error.insertAfter(element);
br.insertAfter(element);
}
});
为什么会发生这种情况?
需要在errorPlacement
函数中添加错误类
检查这个小提琴
errorPlacement: function (error, element) {
console.log(error);
var br = $( "<br>" );
error.insertAfter(element).addClass('message');
br.insertAfter(element);
}
相关文章:
- 在验证器中添加自定义规则以检查<ul>具有元素
- 使用javascript&自定义验证器检查开始日期和结束日期
- 从后端检查Open Social小工具中的用户身份验证
- 表单验证工作不正常,在不检查条目的情况下继续
- 表单级别的Anguarjs指令,访问所有字段并检查验证
- 使用if-else-if-true检查(验证)单选按钮如果未检查则无警报必须检查警报
- 如何在共享点 spservice 中保存数据时检查验证是否失败
- 检查验证组是否有效,而不启动验证客户端
- 如何在使用angular.js提交表单时检查验证
- Javascript检查验证和更改文本框颜色
- 复选框检查验证
- 用javascript检查验证
- 如何在JavaScript中识别和检查验证控件
- 检查/验证javascript语法的简单方法
- 谷歌验证码v2 -检查验证码是完成表单提交之前
- 使用id's检查验证并分配自定义错误
- 如何使用jquery或javascript编写检查验证的条件
- 输入框键向上检查(验证)
- 需要帮助检查验证的单选按钮JavaScript
- 提交事件在没有检查验证或显示确认的情况下触发