jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因

今天利用了jquery.validate.js来验证表单，发现在火狐、谷歌浏览器当中都可以进行验证，但是在IE系列浏览器当中却无法进行验证就直接将表单提交了。

在网上查了一下原因，大多数文章表明原因是js代码书写不规范造成，也就是在验证表单的规则（rules）数组的最后多了个逗号。起初我也因为是这个原因于是查看了自己的代码发现确实有此问题于是就改正过来了。

但是在浏览器中查看后仍然不起作用，在百思不得其解时，想到了ecmall当中的表单也是利用了此方法。

因此就对ecmall验证表单的代码进行了分析发现自己的代码也不存在问题。最后发现了引用的jquery.js的版本不一样，然后我就把ec的 jquery文件复制到了我的文件夹中（保证编码一致，之前右键查看源代码将jquery.js粘入自己的jquery.js后，刷新代码仍然不起作用。因此可以判断为编码问题），刷新就可以了。

因此总结原因有3个：

js代码书写不规范
jquery版本有问题
编码问题，即编码不统一造成浏览器不识别（尤其是在IE浏览器中对编码的要求非常高）。

jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因

时间： 2024-10-27 11:32:35

jquery.validate.js 验证表单时，在IE当中未验证就直接提交的原因的相关文章

jQuery Validate 插件，表单验证功能

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

jQuery Validate【为表单提供了强大的验证功能，让客户端表单验证变得更简单】

jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 J?rn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUn

jquery.form.js 让表单提交更优雅

jquery.form.js 让表单提交更优雅.可以页面不刷新提交表单,比jQuery的ajax提交要功能强大. 1.引入 <script src="/src/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="/src/jquery.form.js"></script> 2.使用 $(function () { va

jQuery Validate插件实现表单强大的验证功能

转自:http://www.jb51.net/article/76595.htm jQuery Validate插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 第一节:jQuery Validation让验证变得如此容易一.官网下载jquery,和jquery validation plugin 二.引入文件 <script src="js/jquery-1

通过jquery.validate.js校验表单字段是否合法

1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

jquery validate插件高级表单验证

Validation(validate)插件提供了另一种方法来为一个表单添加验证,而不需要改变字段的HTML.此外,这个插件提供了广泛的附加选项来控制它如何工作.我们通过给validate()函数传递一个对象直接量来设置这些选项,其中包含了每个选项的单独对象.例如,要指定一条验证规则,我们包含了该规则的代码的一个对象.首先,紧跟着validation函数的第一个圆括号的后面,我们包含一个开始花括号,并且在函数的结束圆括号的前面,放置一个结束花括号. $('idOfForm').validate(

jquery validate组件导致表单onsubmit事件执行两次

这是今天在工作中遇到的一个问题.由于业务需要在原来表单提交时增加一段新的校验逻辑. 原来的逻辑如下(代码都做了简化): 在表单提交时,使用check方法校验 <form onsubmit= "return check();"> 方法代码: function check(){ if(...){ alert("xxx"); return false; } } 因为新增了一段逻辑,所以我新增了一个方法,调整了代码的结构: < form onsubmit=

jquery validate 一个注册表单的应用

先看页面前端表单代码 register.html <form class="mui-input-group" id="regForm"> <div class="mui-input-row"> <label>账号</label> <input id='account' name="account" type="text" class="mu

使用Jquery.form.js ajax表单提交插件弹出下载提示框

现象: 使用jquery的from做ajax表单提交的时候,后台处理完毕返回json字符串,此时浏览器提示下载一个json文件而不是在success里面继续解析该json对象. 具体的原因: 浏览器兼容性的问题.在谷歌和火狐下没这个问题,我用的ie9测试是有这个问题的.具体的详细我参照的该链接: http://zhidao.baidu.com/link?url=uTXondC9ECEfdObEWbq7V2O7-UW_oXtoVcneVqH_Dmj2hUXjM3y6wMFnQYsUupdWC0Tf