2010-10-04 125 views
5

我正在使用jQuery Validate()插件。它一直工作得很好,但是,我希望在发送后有错误的输入。我曾尝试:jQuery验证()Hightlight错误输入字段

$(".selector").validate({ 
    highlight: function(element, errorClass, validClass) { 
    $(element).addClass(errorClass).removeClass(validClass); 
    $(element.form).find("label[for=" + element.id + "]") 
        .addClass(errorClass); 
    }, 
    unhighlight: function(element, errorClass, validClass) { 
    $(element).removeClass(errorClass).addClass(validClass); 
    $(element.form).find("label[for=" + element.id + "]") 
        .removeClass(errorClass); 
    } 
}); 

...从http://docs.jquery.com/Plugins/Validation/validate#options页面,但我无法得到它的工作。我是否需要在某处创建errorClass和validClass css?它以某种方式知道哪个元素?我有点失落。

感谢您的意见。

编辑:也许我需要更仔细地看看我的问题!我有一个垃圾邮件处理量等于12的字段,但如果用户输入11,表单会告诉我存在错误,但不会突出显示错误的输入。它会告诉我它是必需的,但如果答案是错误的,不会显示它...任何想法?

回答

1

我结束了使用PHP来检查是否有错误。 JS只在表单重新加载之前进行验证。

5

如果我理解的很好,here你有你所需要的。

插件会自动为类型为无效值的字段添加类error,并在输入正确时添加类valid

你必须指定适当的CSS样式到类error来实现你所需要的。

例如:

input.error { 
    border:1px dotted red; 
} 
+0

嗨克劳迪奥,谢谢你的回应。也许我需要更密切地看待我的问题!我有一个垃圾邮件处理量等于12的字段,但如果用户输入11,表单会告诉我存在错误,但不会突出显示错误的输入。它会告诉我这是必需的,但如果答案是错误的,不会显示它......我是否需要从其他地方开始? – jasonflaherty 2010-10-04 19:05:44

+1

我刚刚使用了一些PHP,但很想用Validate()插件解决它... – jasonflaherty 2010-10-04 19:18:22