`

formvalidator 验证插件中ajax验证的方法

阅读更多
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,是校验这个组的控件所有都通过校验了,就继续做某事,你看,这样就简单多了
1
0
分享到:
评论

相关推荐

    jQuery formValidator表单验证插件示例源码

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库,用于在用户提交表单前验证输入数据的正确性和格式。这个插件提供了一系列灵活的验证规则和自定义选项,使得开发者能够轻松地实现复杂的...

    formvalidator验证插件中有关ajax验证问题

    jquery formvalidator插件是不错的国产验证插件了,做点普通的校验也是很方便的,但最近遇到个问题,发现如果表单整个表单是AJAX提交时,就不能按传统的做法了

    jQuery formValidator表单验证插件

    **jQuery formValidator表单验证插件** 在网页开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,防止无效数据提交到服务器。jQuery formValidator是一款强大的前端验证插件,专为jQuery...

    jQuery formValidator表单验证插件示例源码.rar

    jQuery formValidator是一款强大的JavaScript表单验证插件,它基于jQuery库构建,旨在简化网页表单的数据验证过程,提供用户友好的交互体验。该插件通过自定义规则和错误消息,可以轻松实现各种复杂的验证需求,使得...

    jQuery formValidator表单验证插件实例(php)

    jQuery formValidator是一个强大的验证插件,它提供了丰富的验证规则和自定义功能,能够帮助开发者轻松实现前端验证。本文将深入探讨jQuery formValidator的使用方法、基本配置以及与PHP的集成。 ### 1. jQuery ...

    formValidator4.0.1表单验证插件

    "formValidator4.0.1表单验证插件"是一个强大的工具,专为网页开发者设计,用于在jsp、HTML、PHP以及.NET等平台上的表单数据进行验证。它旨在提高用户体验,确保用户提交的数据符合预设的规则和格式,从而减少服务器...

    jQuery formValidator表单验证插件3.1.rar

    jQuery formValidator是一款强大的JavaScript表单验证插件,用于在客户端实现高效、自定义的表单数据验证。这个插件的3.1版本包含了完整的API文档、源代码以及示例,帮助开发者更好地理解和应用该工具。 **jQuery ...

    jQuery formValidator表单验证插件4.1.3提供下载

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    表单验证、字段ajax验证 formValidator.1.7

    `formValidator.1.7`是一个流行的前端验证插件,它集成了多种验证规则和方法,使得开发者能够方便地为表单字段添加验证逻辑。该插件的特点包括: 1. **易用性**:通过简单的配置,可以快速为表单字段定义验证规则,...

    jquery 表单插件 formvalidator

    jQuery FormValidator 是一个强大且灵活的验证插件,尤其适用于处理大型、复杂的表单提交场景。这个插件通过丰富的自定义选项和易于使用的API,使得开发者能够轻松地对表单元素进行验证。 ### 1. 插件安装与引入 ...

    jquery formValidator插件ajax验证 内容不做任何修改再离开提示错误的bug解决方法

    以上即是对给定文件中有关jquery formValidator插件ajax验证错误提示bug及其解决方法的知识点详细说明。这些内容覆盖了插件的基本概念、ajax验证原理、bug描述及可能原因分析和解决策略,并提供了相关函数的逻辑说明...

    jQuery表单验证插件 formValidator2.2.4-修改样式版

    《jQuery表单验证插件 formValidator2.2.4 - 定制样式解析》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而提高用户体验并减少服务器端的压力。jQuery formValidator2.2.4是...

    基于formValidator表单验证代码

    3. **初始化验证**:在JavaScript中调用`formValidator.init()`方法,指定需要验证的表单ID和验证规则。 4. **响应验证结果**:当验证失败时,`formValidator`会自动显示错误提示;验证成功则无提示,允许数据提交...

    jQuery formvalidator插件 API帮助文档

    jQuery FormValidator是一款强大的JavaScript验证插件,它极大地简化了网页表单的验证过程,提供了丰富的验证规则和灵活的API,使得开发者可以快速创建出符合业务需求的验证机制。本篇文章将深入探讨jQuery ...

    jQuery formValidator3.3表单验证文档说明

    ### jQuery formValidator 3.3 表单验证插件详细解析 #### 一、概述 jQuery formValidator 3.3 是一款基于 jQuery 的强大表单验证插件,它旨在简化前端表单验证的过程,实现 JavaScript 脚本与 HTML 页面代码的...

    jquery 的 formvalidator插件使用 多选项卡的弹出层效果

    3. **初始化插件**:在文档加载完成后,使用`$.fn.formValidator.init`方法初始化插件,指定验证规则和错误提示位置。 ```javascript $(document).ready(function() { $('#registerForm').formValidator({ on...

    jQuery formValidator高级表单验证

    jQuery formValidator是一款强大的前端验证插件,它可以帮助开发者实现复杂的表单验证功能,轻松处理前端输入数据的状态判断。本文将深入探讨jQuery formValidator的核心概念、使用方法以及高级特性。 **jQuery ...

Global site tag (gtag.js) - Google Analytics