Jquery表单验证没有按照希望工作?一定是更好的方法吗?

时间:2011-12-01 12:18:48

标签: jquery validation

看看下面的链接,你会看到我有一个简单的表单,其中包含所需的各种字段。在提交之前,我已经整理了一个小脚本来验证输入。通常使用php生成随机数,但是我刚刚手动添加了它们。

解决方案似乎确实有效,但我希望当一个输入完成后,错误就会消失。目前,这适用于仅需要某种条目的标准输入,但当输入需要有效的电子邮件或总和时,它不起作用。如果输入了正确的电子邮件,但未输入验证问题,则错误仍会显示在电子邮件字段中。

http://jsfiddle.net/marcsanders/xgZeV/

非常感谢任何帮助!

2 个答案:

答案 0 :(得分:0)

尝试以下方法:

$('input.required').change(function() {
 $(this).parent('div').removeClass('error');
});

Updated jsFiddle here.

您也可以考虑在需要的元素上使用html5 required属性,而不是使用javascript。

答案 1 :(得分:0)

您可以尝试在所有必填输入上添加“keydown”事件,并删除“错误”类(如果它已附加到输入中。