jquery formvalidator插件是不错的国产验证插件了 ,做点普通的校验也是很方便的,
但最近遇到个问题,发现如果表单整个表单是AJAX提交时,就不能按传统的做法了,比如:
$ajax.post("...............")
$.formValidator.initConfig({formID:"applyForm",onError:function(msg){alert(msg)}});
$("#reason").formValidator().inputValidator({min:1,onErrorMin:'请输入申请内容及原因'});
很遗憾,单这样是达不到AJAX FORM提交并同时用formvalidator校验的效果的。如果要同时使用formvalidator和ajax提交一起的话,首先看到的是formvalidtor手册中关于ajaxform的用法
$.formValidator.initConfig({theme:"Default",submitOnce:true,formID:"form1",ajaxForm:{
dataType : "html",
buttons:$("#button"),
url: "http://www.51gh.net/chkuser.aspx?act=ok"
},
onError:function(msg,obj,errorlist){
$("#errorlist").empty();
$.map(errorlist,function(msg){
$("#errorlist").append("[*]" + msg + "
")
});
alert(msg);
},
submitAfterAjaxPrompt : '有数据正在异步验证,请稍等...'
});
看了下,这个方法看上去是可以的,但实际上,居然对中文支持不好,我的是
struts2,spring 3,tomcat也是用utf-8,sturts2等全部用UTF-8编码了,但居然还是说当取的
struts2的中文值的时候,说:
org.apache.tomcat.util.http.Parameters processParameters
警告: Parameters: Character decoding failed. Parameter skipped.
java.io.CharConversionException: isHexDigit.
解决方式见:
http://www.iteye.com/problems/7099
但这个问题很奇怪,而且感觉用formvalidtor本身的方法太麻烦,所以就找了另外的方法,果然好用,那就是使用
if ($.formValidator.pageIsValid('1')==true)
{
$.post("xxxxxxxxxxxxxxxxx")
}
其他校验规则照样写,如果页面只有一个表单,则默认为1,这里的pageIsValid,是校验这个组的控件所有都通过校验了,就继续做某事,你看,这样就简单多了
分享到:
相关推荐
jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库,用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项,使得开发者能够轻松地实现复杂的...
jquery formvalidator插件是不错的国产验证插件了,做点普通的校验也是很方便的,但最近遇到个问题,发现如果表单整个表单是AJAX提交时,就不能按传统的做法了
**jQuery formValidator表单验证插件** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止无效数据提交到服务器。jQuery formValidator是一款强大的前端验证插件,专为jQuery...
jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...
jQuery formValidator是一个强大的验证插件,它提供了丰富的验证规则和自定义功能,能够帮助开发者轻松实现前端验证。本文将深入探讨jQuery formValidator的使用方法、基本配置以及与PHP的集成。 ### 1. jQuery ...
"formValidator4.0.1表单验证插件"是一个强大的工具,专为网页开发者设计,用于在jsp、HTML、PHP以及.NET等平台上的表单数据进行验证。它旨在提高用户体验,确保用户提交的数据符合预设的规则和格式,从而减少服务器...
jQuery formValidator是一款强大的JavaScript表单验证插件,用于在客户端实现高效、自定义的表单数据验证。这个插件的3.1版本包含了完整的API文档、源代码以及示例,帮助开发者更好地理解和应用该工具。 **jQuery ...
jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...
`formValidator.1.7`是一个流行的前端验证插件,它集成了多种验证规则和方法,使得开发者能够方便地为表单字段添加验证逻辑。该插件的特点包括: 1. **易用性**:通过简单的配置,可以快速为表单字段定义验证规则,...
jQuery FormValidator 是一个强大且灵活的验证插件,尤其适用于处理大型、复杂的表单提交场景。这个插件通过丰富的自定义选项和易于使用的API,使得开发者能够轻松地对表单元素进行验证。 ### 1. 插件安装与引入 ...
以上即是对给定文件中有关jquery formValidator插件ajax验证错误提示bug及其解决方法的知识点详细说明。这些内容覆盖了插件的基本概念、ajax验证原理、bug描述及可能原因分析和解决策略,并提供了相关函数的逻辑说明...
《jQuery表单验证插件 formValidator2.2.4 - 定制样式解析》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery formValidator2.2.4是...
3. **初始化验证**:在JavaScript中调用`formValidator.init()`方法,指定需要验证的表单ID和验证规则。 4. **响应验证结果**:当验证失败时,`formValidator`会自动显示错误提示;验证成功则无提示,允许数据提交...
jQuery FormValidator是一款强大的JavaScript验证插件,它极大地简化了网页表单的验证过程,提供了丰富的验证规则和灵活的API,使得开发者可以快速创建出符合业务需求的验证机制。本篇文章将深入探讨jQuery ...
### jQuery formValidator 3.3 表单验证插件详细解析 #### 一、概述 jQuery formValidator 3.3 是一款基于 jQuery 的强大表单验证插件,它旨在简化前端表单验证的过程,实现 JavaScript 脚本与 HTML 页面代码的...
3. **初始化插件**:在文档加载完成后,使用`$.fn.formValidator.init`方法初始化插件,指定验证规则和错误提示位置。 ```javascript $(document).ready(function() { $('#registerForm').formValidator({ on...
jQuery formValidator是一款强大的前端验证插件,它可以帮助开发者实现复杂的表单验证功能,轻松处理前端输入数据的状态判断。本文将深入探讨jQuery formValidator的核心概念、使用方法以及高级特性。 **jQuery ...