`
angelbill3
  • 浏览: 256477 次
  • 性别: Icon_minigender_2
  • 来自: 杭州
社区版块
存档分类
最新评论

formvalidator4.1.3 - 校验时不能自定义向后台传值的BUG问题

 
阅读更多
需求如下:
用户名:<input type="text" name="reguser.username" id="username">


用户名可以是中文、英文及数字。

正确的代码如下(重点注意第七行的data传值)
$("#username").formValidator({onShow:"请输入用户名,汉字、英文字母、数字,4-20个字符!",onFocus:"请您记住填写的用户名,以后登录时需要用到。",onCorrect:"该用户名可以注册!"})
		.inputValidator({min:4,max:20,onError:"用户名长度不对,请重新输入!"})
	    .ajaxValidator({
			dataType : "html",
			async : true,
			type : 'post',
			data:{'usera':function(){return $("#username").val()}}, 
			url: "usercheckusername.html" ,
			success : function(data, textStatus){
				if(data.indexOf("true")>-1){return true;}
				if(data.indexOf("false")>-1){return "该用户名不可用,请更换用户名";}
				return "服务器没有返回数据,可能服务器忙,请重试"
			},
			error: function(){alert("服务器没有返回数据,可能服务器忙,请重试");},
			onerror : "该用户名已经存在,请更换用户名",
			onwait : "正在对用户名进行合法性校验,请稍候…"
		});


问题:
本来不加data时,只要输中文的时候(不管type是get还是post),在chrome和IE浏览器下,后台就接收不到reguser.getUsername的值,报null。(火孤倒是都正常的)

于是想到用url带参的方式来传值
即:url: "usercheckusername.html?username="+$("#username").val() ,
但后台依然接收不到数据。

转而想到用data属性传值
即:data:'usera='+ $("#username").val(),
但发现后台接收到usera的值,依然为空。(如果不用该校验框架,这么写肯定没错的。)

随即去网上查阅了很多资料,不知道这里是不是一个BUG,改为
data:{'usera':function(){return $("#username").val()}},
就可以了,而type:'post'是因为有中文,用get得自己转码,不然会乱码。

------------------------
后记:不知道这是不是formvalidator4.1.3版本的问题,还是所有的formvalidator都有此问题。


分享到:
评论
3 楼 Mr小血 2015-08-27  
找了好久,终于找到解决办法了,谢谢
2 楼 angelbill3 2013-08-12  
muyexia521 写道
你好!我出现和你类似问题。不知你的usercheckusername.html是怎么写的?能用Servlet实现吗?

usercheckusername.html是一个后台的ACTION。你用SERVLET也可以的。只要能处理就行。
1 楼 muyexia521 2013-08-10  
你好!我出现和你类似问题。不知你的usercheckusername.html是怎么写的?能用Servlet实现吗?

相关推荐

    formvalidator4.1.3下载地址

    2. `formValidator-4.1.3.js` 和 `formValidator-4.1.3.min.js`:这两个文件分别是FormValidator 4.1.3的完整版本和压缩版本,开发者可以根据项目需求选择使用。压缩版本体积更小,加载更快,适合生产环境;完整版本...

    formValidator-4.1.3

    "formValidator-4.1.3" 是一个针对前端表单验证的JavaScript库,主要针对4.1.3版本进行了优化,并确保与之前的3.5版本保持向下兼容性。这个修改版旨在解决开发者在升级到新版本时面临的代码适配问题,避免因升级导致...

    jquery表单注册验证formvalidator4.1.3完整下载

    jQuery FormValidator 4.1.3提供了一套完善的表单验证解决方案,通过丰富的验证规则、自定义错误消息和异步验证等功能,使得表单验证变得更加简单和高效。无论是在简单的注册表单还是复杂的业务表单中,...

    formValidator-4.1.3.js

    很好用的表单验证插件,包含formValidator-4.1.3.js、formValidator-4.1.3.min.js、formValidatorRegex.js、jquery-1.4.4.min.js四个插件文件。

    通用表单验证formvalidator4.1.3 后端验证

    5. **自定义验证器**:如果内置的验证规则不能满足需求,FormValidator允许开发者编写自定义验证器。只需实现特定接口,即可扩展验证功能。 6. **分组验证**:在某些场景下,可能需要对表单的不同部分执行不同验证...

    formvalidator-4.1.1.js

    formvalidator-4.1.1.js

    jQueryFormValidator4.1.3Text项目下载(含简单图集)

    如果内置的验证规则不能满足需求,可以创建自定义验证函数。例如,验证密码强度: ```javascript $.formUtils.registerValidator({ name: 'strongPassword', validatorFunction: function(value, field, options,...

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

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

    formValidator-4.0.1.js

    formValidator-4.0.1.js

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

    你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。插件支持6种大的校验方式,分别是:inputValidator(针对input、textarea、select...

    formvalidator 表单验证插件汇总

    另外,核心验证库包括`formValidator-4.1.3.js`和压缩后的`formValidator-4.1.3.min.js`。`formValidatorRegex.js`包含预定义的正则表达式,用于常见的数据格式验证。 ### 3. 基本用法 要使用`formvalidator`,...

    jquery 表单校验的插件formValidator4.01

    1. **易用性**:jQuery FormValidator的API设计简洁明了,通过简单的配置就能实现复杂的验证规则,大大降低了开发难度。 2. **自定义验证**:除了内置的验证规则(如非空、邮箱、电话等),开发者还可以根据需求...

    formvalidator

    3. **错误提示**:当用户输入不符合验证规则时,formvalidator可以显示错误提示信息,告知用户应该如何修正。这可以通过配置错误消息和定位错误元素来实现。 4. **异步验证**:对于需要与服务器交互的验证,如检查...

    jQuery formValidator表单校验插件ver2.9.1

    作者主页:http://wzmaodong.cnblogs.com/&lt;br&gt;功能介绍: jQuery formValidator表单校验插件 插件目前提示错误,有两种模式:showword和showalert,即文字提示和窗口提示 目前支持5种大的校验方式,分别是:...

    formValidator4.0.1表单验证插件

    formValidator4.0.1通过JavaScript实现前端验证,可以在用户填写表单时立即给出反馈,无需等待服务器响应。这样可以显著提升用户界面的响应速度,同时也能减少由于错误数据导致的服务器错误。 此插件支持多种验证...

    FormValidator,这个库允许您在android中只需一行代码就可以验证包含字段的大型表单,它避免了逐个检查单个编辑文本框然后设置错误的麻烦。此库支持编辑文本视图,不需要自定义视图。它还支持文本输入布局的错误验证。.zip

    `FormValidator-master`压缩包中的文件很可能包含了库的源代码、示例项目、文档和其他资源。开发者可以查看源码了解其内部工作原理,或者参考示例项目学习如何在自己的应用中正确集成和使用这个库。 总的来说,`...

    jquery 表单插件 formvalidator

    当表单字段验证失败时,FormValidator 提供了多种错误提示方式,包括边框颜色变化、气泡提示、错误消息区等。你可以通过配置`errorElement`和`errorClass`来定制错误元素样式,或者使用`onError`和`onSuccess`回调...

    jQuery-formValidator表单验证

    《jQuery-formValidator:高效精准的表单验证工具详解》 在网页开发中,表单验证是必不可少的一环,它能够确保...在实际项目中,合理运用jQuery-formValidator,不仅能够提升用户体验,还能确保数据的有效性和安全性。

Global site tag (gtag.js) - Google Analytics