开发者社区> 航空母舰> 正文

通用表单验证formvalidator 后端验证

简介:
+关注继续查看

formValidator4.1.3  ajax中文乱码bug

Java代码  收藏代码
  1. var value = escape(decodeURIComponent(data.substr(li_pos+1)));  

改成

Java代码  收藏代码
  1. var value = decodeURIComponent(data.substr(li_pos+1));  

 formValidator4.1.3 formvalidatorregex.js bug:

Java代码  收藏代码
  1. money : "^(0|[1-9][0-9]{0,9})(\.[0-9]{1,2})?$",  
  2. mobile:"^(13|14|15|17|18)[0-9]{9}$"//mobileregExp  
  3. ps_username:"^[\\u4E00-\\u9FA5\\uF900-\\uFA2D_\\w]+$" //中文、字母、数字 _  

不同的版本跟大小写字母有关,API用法也变了

initConfig增加theme 属性,表示皮肤名,theme 的值可取目录theme 下的文件夹名,默认是default,自定义验证的html样式 。打开皮肤目录下的对应style.css文件,把重名的样式名改掉,再把theme.js文件里对应的名字改过来。theme.js

$class$表示对应的样式名。可以省略,可以表示分别是:onShow、onFocus、onError、onCorrect。
$data$表示显示的内容。可以省略。

 

submitOnce 校验通过后,是否灰掉所有的提交按钮

debug: false,//如果你要调试代码,你可以设置debug为true,校验成功了,也不会提交表单。

defaultPassed 默认校验通过,显示onCorrect状态,配合empty:true

mode:'AutoTip',自动创建<div id="XXTip"></div> auto:true

wideWord 是否把一个全角字符当做2个长度

刚打开页面的时候我不想显示onshow的状态,如何实现这种功能?[top]

Java代码  收藏代码
  1. onCorrect:"&nbsp;",  //不要文字,只要提示图片  

errorFocus(默认: true)整个校验组校验失败的时候,第一个出错的控件是否获得焦点,empty:true 

Java代码  收藏代码
  1. .ajaxValidator({  
  2.     type : "get",  
  3.     url : "",  
  4.     data :"m=member&c=index&a=public_checknickname_ajax",  
  5.     datatype : "html",  
  6.     async:'false',  
  7.     success : function(data){  
  8.           return true;  
  9.     },  
  10.     buttons: $("#dosubmit"),  
  11.     onerror : "昵称已经存在",  
  12.     onwait : "请稍候..."  
  13. }).defaultPassed();   

如何实现用<a href="JavaScript:dosubmit()">提交</a>来启用验证

Java代码  收藏代码
  1. function dosubmit(){  
  2.     $('#form').submit();  
  3. }  
  4. $.formValidator.initConfig({formID: "adminForm", mode: "AutoTip", submitOnce: true });  
如果某个控件triggerEvent是blur触发验证,点击获取验证码怎么触发
Java代码  收藏代码
  1. $("#mobile").formValidator({  
  2.     onshow:"请输入手机号码",  
  3.     onfocus:"手机的长度必须是11位",  
  4.     oncorrect:"手机合法"  
  5. }).inputValidator({  
  6.     min:11,  
  7.     max:11,  
  8.     onerror:"手机号码必须为11位,请确认"  
  9. }).regexValidator({  
  10.     regexp:"mobile",//regExp: ["tel", "mobile"],          
  11.     datatype:"enum",  
  12.     onerror:"手机/座机的格式不正确"  
  13. });  
  14. $("#password").formValidator({  
  15.     onShow: "",  
  16.     onFocus: "请输入密码",  
  17.     onCorrect: "&nbsp;",  
  18.     empty:true  
  19. }).inputValidator({  
  20.     min: 4,  
  21.     onError: "密码长度不能小于4位"  
  22. });  
  23. $("#repeatpwd").formValidator({  
  24.     onShow: "",  
  25.     onFocus: "请输入确认密码",  
  26.     onCorrect: "&nbsp;"  
  27. }).compareValidator({  
  28.     desID: "password",  
  29.     operateor: "=",  
  30.     onError: "两次输入密码不一致"  
  31. });  
  32. $("#verifyBtn").click({ //点获取验证码验证手机  
  33.     $("#mobile").blur();  
  34. });  
 

得到某个控件验证结果 ,验证通过是true,不过是false,如手机号码验证正确是才发送短信验证码

Java代码  收藏代码
  1. var result = $.formValidator.isOneValid('mobile'); //id  
  2. if(result){  
  3.     sendSmsCode();  
  4. }  

在同一个页面你可以拥有很多个校验组,你只需在提交的按钮那里调用,ajax提交

Java代码  收藏代码
  1. return jQuery.formValidator.pageIsValid('校验组号') ;  

来完成多个组的校验,互不干扰。

 

两个放一行怎么处理,设置同一个tipID

Java代码  收藏代码
  1. $("#purchase_date").formValidator({  
  2.     triggerevent:"change",  
  3.     onshow:"请输入采购时间!",  
  4.     onfocus:"请输入采购时间",  
  5.     oncorrect:"输入正确"  
  6. }).functionValidator({fun:isDateTime, onerror:'日期格式错误'});     
 二次前端验证拦截
Java代码  收藏代码
  1. $.formValidator.initConfig({  
  2.     formID: "registerForm",  
  3.     onSuccess: function(){  
  4.         var result;  
  5.         var mobile = $("#mobile").val();  
  6.         var code = $("#sms").val();  
  7.         $.ajax({  
  8.             type: 'POST',  
  9.             url: '/verify/check',  
  10.             async:false,  
  11.             data: {mobile: mobile, verify: code, type: 2},  
  12.             success: function (data) {  
  13.                 if(data==1){  
  14.                     result= true//pass  
  15.                 }else{  
  16.                     $.formValidator.setFailState("Admin_unameTip"'短信验证码错误');  
  17.                     result = false;//禁止提交              
  18.                 }  
  19.             }  
  20.         });  
  21.         return result;  
  22.     }  
  23. });  
ajax:Boolean, //提交服务器,默认true。某个控件有ajaxValidator函数校验的时候,该参数决定哪些控件的值一起提交给服务器
defaultValue:Object|String, //为input、select、textarea控件设置默认值
Java代码  收藏代码
  1. $.formValidator.setTipState($("#"+tipID).get(0), "onError", showmsg)  
 大写字母验证
Java代码  收藏代码
  1. regExp:"letter_u",dataType:"enum",param:"g",onError:"订单标示为大写字母"  
 sf

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
14207 0
BootstrapValidator 验证表单 form
function initBootstrapValidator() { $("#roleForm").bootstrapValidator({ feedbackIcons: { valid: 'glyphicon glyphico...
1041 0
如何设置阿里云服务器安全组?阿里云安全组规则详细解说
阿里云安全组设置详细图文教程(收藏起来) 阿里云服务器安全组设置规则分享,阿里云服务器安全组如何放行端口设置教程。阿里云会要求客户设置安全组,如果不设置,阿里云会指定默认的安全组。那么,这个安全组是什么呢?顾名思义,就是为了服务器安全设置的。安全组其实就是一个虚拟的防火墙,可以让用户从端口、IP的维度来筛选对应服务器的访问者,从而形成一个云上的安全域。
18585 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
27732 0
extjs表单FormPanel验证
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.
820 0
阿里云服务器安全组设置内网互通的方法
虽然0.0.0.0/0使用非常方便,但是发现很多同学使用它来做内网互通,这是有安全风险的,实例有可能会在经典网络被内网IP访问到。下面介绍一下四种安全的内网互联设置方法。 购买前请先:领取阿里云幸运券,有很多优惠,可到下文中领取。
21936 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
19981 0
+关注
514
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载