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

Using jQuery validate plugin: onfocusout, onkeyup notworking as expected on production site(使用 jQuery 验证插件:onfocusout、onkeyup 在生产站点上未按预期工作)
本文介绍了使用 jQuery 验证插件:onfocusout、onkeyup 在生产站点上未按预期工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我正在使用 jQuery 验证插件 v.1.9.0 它可以工作很友好地.但是我面临这个问题,一旦用户提交表单 &如果有任何错误,它会正确显示错误消息.问题在于,如果用户采取措施纠正该错误,它不会更新消息.例如.如果需要一个字段,则在第一次收到消息时,用户开始输入,然后该消息应该消失.

I am using jQuery Validate plugin v.1.9.0 it works very nicely. But I am facing this issue, once the user submits the form & if there are any errors, it correctly display error message. The problem is that it does not update the message if the user takes an action to remedy that error. E.g. if a field is required, upon getting the message the first time, user starts typing, then that message should go away.

在文档中提到 onfocusout &onkeyup 用于此目的 &默认情况下,它们设置为 true.有趣的是,它似乎可以在我的本地工作站上运行,但是一旦我将代码上传到生产站点,它就会(默默地)失败.我以为我以某种方式把它搞砸了,所以我启动了 jsfiddle 并输入了相关代码 看看它是否也发生在那里.

In the docs it mentions that onfocusout & onkeyup are used for this purpose & by default they are set to true. The funny thing is it seems to work on my local workstation but it fails (silently) once I upload my code to production site. I thought I was messing it up royally somehow so I fired up jsfiddle and put relevant code to see if it happens there as well.

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

I was amazed to see it happens there as well. So my question is why does it work on my local machine but not on production sites?

附:http://jsfiddle.net/tankchintan/cge44/5/的独立示例

更新

要复制问题,请执行 -

To replicate the issue, do -

  1. 转到 jsfiddle 页面.
  2. 无需填写任何字段点击提交表单.
  3. 它会在每个字段旁边显示错误消息.
  4. 现在开始在任一字段中输入内容.
  5. 您会注意到,即使满足规则,错误消息也不会消失.在我的本地机器上,一旦我在该字段中输入任何内容,错误消息就会消失.

推荐答案

这个问题甚至在JQuery网站的一些例子中也存在.

This problem even exists in some of the examples on the JQuery website.

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

I found that the problem occurs when the input element has no type. Web browsers assume that the type is "text" if not specified, but jquery.validate has a problem with that. Your input element should look like this:

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

这篇关于使用 jQuery 验证插件:onfocusout、onkeyup 在生产站点上未按预期工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

在开发JS过程中,会经常遇到两个小数相运算的情况,但是运算结果却与预期不同,调试一下发现计算结果竟然有那么长一串尾巴。如下图所示: 产生原因: JavaScript对小数运算会先转成二进制,运算完毕再转回十进制,过程中会有丢失,不过不是所有的小数间运算会
append() 方法在被选元素的结尾(仍然在内部)插入指定内容。 语法: $(selector).append( content ) var creatPrintList = function(data){ var innerHtml = ""; for(var i =0;i data.length;i++){ innerHtml +="li class='contentLi'"; innerHtml +="a href
问题描述: 在javascript中引用js代码,然后导致反斜杠丢失,发现字符串中的所有\信息丢失。比如在js中引用input type=text onkeyup=value=value.replace(/[^\d]/g,) ,结果导致正则表达式中的\丢失。 问题原因: 该字符串含有\,javascript对字符串进行了转
Rails/Javascript: How to inject rails variables into (very) simple javascript(Rails/Javascript:如何将 rails 变量注入(非常)简单的 javascript)
CoffeeScript always returns in anonymous function(CoffeeScript 总是以匿名函数返回)
Ordinals in words javascript(javascript中的序数)