jQuery validate插件,自动验证无效的原因及解决方法归纳

  最近在使用validate插件进行验证的时候,出现有的控件在个别事件(比如keydown、foucs、onchange等)下不能自动验证,而有的控件却又正常,当时觉得很诡异,后来仔细测试查看,归纳原因及解决方法如下:(不一定全面,但是如果出现了类似的情况,可以做个参考)

  原因1:控件出现了重复的type值,比如input控件中,出现了多个type="textbox",这几个input控件都无法正常的响应事件的自动验证,只有提交后才进行一次验证。

  解决方法:去掉这个type属性,同样的type值,只能存在最多一个。

  原因2:控件出现重复的name值,比如input控件中,出现了多个name="name",这几个input控件都无法正常的响应事件的自动验证,而且提交后也不能进行正常的验证。

  解决方法:保证控件中没有重复的name属性值。

  其他个例:一切都配置正常,但是仍然无法实现个别事件的自动验证。

  解决方法:在脚本中,按照validate事件的格式手动显示的重写一下指定的事件,比如

$(function(){
    $("#form").validate({
                keydown:true,
                errorPlacement: function (error, element) {
                    $("<br/>").appendTo(element.parent());
                    error.appendTo(element.parent());
                }//错误信息显示在控件下方
    })

})

  希望上面的东东,能对各位有点小帮助。3Q!

  

时间: 2024-11-07 18:18:23

jQuery validate插件,自动验证无效的原因及解决方法归纳的相关文章

使用 ADOX 将 Table 添加到 Catalog 时报“类型无效”的原因和解决方法

http://blog.csdn.net/kfhzy/article/details/6020283 http://blog.csdn.net/kfhzy/article/details/6020545 李维的代码,原来链接的是MS SQL,改成ACCESS后,报 类型无效 错误 原因 除了 adDBTimeStamp 这样的 明显不支持的数据类型外,一般的,也有区别,adVarChar 在ACCESS里是adVarWChar procedure TfrmCreateTable.btnCreat

hibernate手动设置的id无效的原因与解决方法

在使用Hibernate的过程中,发现手动设置的id(主键)无效,Hibernate仍然会在保存(调用Hibernate提供的merge()方法)的时候自动生成一个随机的id. 经过调试发现问题出在了Hibernate的实体映射配置文件(xml)上. <id name="id" type="string" column="id"> <generator class="uuid.hex"/> </i

phpcms后台栏目权限修改无效的原因和解决方法

现象:在phpcms后台中,新建角色,然后修改角色对应栏目权限,结果一直只能选择一半数量的栏目.剩下的栏目怎么修改都不生效. 对比: step1:再另一个phpcms后台做同样操作,依旧是这个结果.跟踪了半天代码,也没有发现什么问题. setp2: 把之前本地备份的网站进行操作,却发现可以修改. 经过2个部分的对比,发现可能是web环境不同的原因.于是顺藤摸瓜.去看apache的日志文件. [Sat Jan 17 11:42:01 2015] [error] [client 123.147.19

Android SensorManager unregisterListener 无效的原因及其解决方法

Android 传感器注销的方法为: public void unregisterListener (SensorListener listener) 用这个方法注销监听器. 今天发现这个方法不好使用了, 调用以后,传感器根本就取消不了. 经过搜索也没有发现有其他的取消方法. 用Debug仔细调试看日志,发现, 每次进入传感器的界面Activity 时, 都出现了两个传感器, 这导致了Activity 销毁的时候, unregisterListener 无效. 取消不掉监听器; 结论: 多次注册

thinkphp自动验证无效的问题

新手入门thinkphp,试用自动验证表单输入数据功能,却发现怎么都不能调用自动验证,自动验证无效,原因竟是一个小细节的疏忽,学习一定要细心啊! Action方法: IndexAction下的adds方法,D(“Liuyan”)获取post提交过来的内容,create()方法创建数据对象,D方法创建了数据对象才可以自动调用验证. public function adds(){ $ly=D("liuyan"); $result=$ly->create(); if($result){

&lt;转&gt;thinkphp自动验证无效的问题

新手入门thinkphp,试用自动验证表单输入数据功能,却发现怎么都不能调用自动验证,自动验证无效,原因竟是一个小细节的疏忽,学习一定要细心啊! Action方法: IndexAction下的adds方法,D(“Liuyan”)获取post提交过来的内容,create()方法创建数据对象,D方法创建了数据对象才可以自动调用验证. public function adds(){ $ly=D("liuyan"); $result=$ly->create(); if($result){

jQuery Validate 插件,表单验证功能

连接地址:http://www.w3cschool.cc/jquery/jquery-plugin-validate.html jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 Jör

jquery validate表单验证插件-推荐

1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒 对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

jquery validate 表单验证插件

对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的表单元素,需要设置默认的初始样式,以及触发元素绑定事件后的变化样式. 这3类基本要素中,html表单结构的创建相对简单.表单验证的重点和难点在于如何利用js及时有效地提醒用户有关表单操作的信息.这里我参考了百