Javascript 引导jQuery验证twitter工具提示和removeClass
我做了一些修改,在验证时为字段创建工具提示错误消息。 无论如何,将错误类添加到字段是可以的,工具提示也是可以的,但当字段有效时,removeClass不起作用 按下验证按钮后:ok 但在填充第一个字段并按下“验证”按钮后,工具提示消失,这是确定的,但类并没有被删除(红色框阴影:) 我不想编辑的脚本:Javascript 引导jQuery验证twitter工具提示和removeClass,javascript,jquery,css,twitter-bootstrap,Javascript,Jquery,Css,Twitter Bootstrap,我做了一些修改,在验证时为字段创建工具提示错误消息。 无论如何,将错误类添加到字段是可以的,工具提示也是可以的,但当字段有效时,removeClass不起作用 按下验证按钮后:ok 但在填充第一个字段并按下“验证”按钮后,工具提示消失,这是确定的,但类并没有被删除(红色框阴影:) 我不想编辑的脚本: <script> $("#triggerForm").validate({ debug: false, rules: {
<script>
$("#triggerForm").validate({
debug: false,
rules: {
login: {required: true},
password: {required: true, minlength: 5}
},
messages: {
login: "To pole nie może być puste.",
password: "To pole nie może być puste."
}
});
</script>
和CSS:
.error {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: 0px 0px 2px 0px #F00;
}
.error:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: 0px 0px 2px 2px #F00;
}
.success {
border-color: #28a900;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: 0px 0px 2px 0px #0F0;
}
.success:focus {
border-color: #28a900;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #21ce01;
box-shadow: 0px 0px 2px 2px #0F0;
}
你检查过这个.successList和这个.errorList了吗?也许解除控制仍然在这个.errorList上。我不认为它在errorList上,因为工具提示应该消失,但只有类没有被删除。我添加到这个脚本中的是:$(value.element).removeClass(“error”).addClass(“success”);和$(value.element).removeClass(“成功”).addClass(“错误”);-但只有removeClass不起作用:)?为什么要使用value.element还是value only?你能在这里发布value.element的值和value(如果它是一个对象)吗。尝试使用$(value).removeClass(“错误”).addClass(“成功”);是的,它成功了:)-$(value.removeClass(“错误”).addClass(“成功”);但第二个必须是$(value.element)thxx
.error {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: 0px 0px 2px 0px #F00;
}
.error:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: 0px 0px 2px 2px #F00;
}
.success {
border-color: #28a900;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: 0px 0px 2px 0px #0F0;
}
.success:focus {
border-color: #28a900;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #21ce01;
box-shadow: 0px 0px 2px 2px #0F0;
}