使用jQuery验证插件:onfocusout,onkeyup在生产站点上按预期工作

Question

我正在使用jQuery Validate插件 v.1.9.0它非常好用.但是我遇到这个问题,一旦用户提交表单并且如果有任何错误,它就会正确显示错误消息.问题是,如果用户采取措施来纠正该错误,它不会更新消息.例如,如果需要字段,则在第一次收到消息时,用户开始键入,然后该消息应该消失.

在文档中,它提到onfocusout和onkeyup用于此目的,默认情况下它们设置为true.有趣的是它似乎在我的本地工作站上工作,但是一旦我将代码上传到生产站点,它就会失败(默默地).我以为我在某种程度上把它弄得很糟糕,所以我解雇了jsfiddle并放了相关的代码,看看它是否也在那里发生.

我很惊讶地看到它也发生在那里.所以我的问题是为什么它可以在我的本地机器上运行而不在生产站点上运行？

PS自包含示例http://jsfiddle.net/tankchintan/cge44/5/

UPDATE

要复制这个问题,请 -

1. 转到jsfiddle页面.
2. 没有填写任何字段命中提交表单.
3. 它将显示除每个字段之外的错误消息.
4. 现在开始输入任何一个字段.
5. 您会注意到,即使规则已满足,错误消息也不会消失.在我的本地机器上,一旦我在现场输入任何内容,错误消息就会消失.

Answer 1

改用它!

onkeyup: function(element) { $(element).valid(); },
onfocusout: function(element) { $(element).valid(); },

Answer 2

这个问题甚至存在于JQuery网站上的一些示例中.

我发现当input元素没有类型时会出现问题.Web浏览器假设类型为"text"(如果未指定),但jquery.validate存在问题.您的input元素应如下所示:

<input id="cname" name="name" type="text" class="required" minlength="2" />