博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端jquery validate表单验证框架的使用
阅读量:4932 次
发布时间:2019-06-11

本文共 942 字,大约阅读时间需要 3 分钟。

 

一.框架本身校验方法的扩展 

  建议写在页内用于扩展框架本身的一些校验方法,

  使用频繁也可以直接在源码上修改

  例如扩展手机号码的校验:

/*手机号码验证扩展 最新的号码

 mobile: class的表示 放在html class中即可校验

   value:u输入的值

 element:从this.optional(element)来看 应该是框架本身的校验规则

*/

$.validator.addMethod("mobile", function(value, element) {
var length = value.length;
var tel=/^(((13[0-9]{1})|(14[5|7]{1})|(15([0-3]|[5-9]{1}))|(18[0,5-9]{1}))+\d{8})$/g;
return this.optional(element) || (length == 11 && tel.test(value));
}, "请正确填写您的手机号码");

将mobile 放在input class标识中就可以使用此套扩展的规则校验!

二,远程异步校验(借用菜鸟教程)

remote:URL

使用 ajax 方式进行验证,默认会提交当前验证的值到远程地址,如果需要提交其他的值,可以使用 data 选项。

remote: {
url: "check/email", //后台处理程序 type: "post", //数据发送方式 dataType: "json", //接受数据格式 data: { //要传递的数据 username: function() { return $("#username").val(); } } }

参数多的时候 直接在data中加

data:{ 

username: function() {return $("#username").val();},

userphone: function() {return '${user.userphone}';}//使用el表达式

}

 

转载于:https://www.cnblogs.com/flying-dream/p/6645153.html

你可能感兴趣的文章
为你的AliOS Things应用增加自定义cli命令
查看>>
MongoDB 创建基础索引、组合索引、唯一索引以及优化
查看>>
百度PaddlePaddle常规赛NLP赛道火热开启
查看>>
稳了!这才是cookie,session与token的真正区别
查看>>
OSChina 周二乱弹 —— 假期余额已不足!
查看>>
前端那些事之React篇--helloword
查看>>
ios的google解析XML框架GDataXML的配置及使用
查看>>
netty-当一个客户端连接到来的时候发生了什么
查看>>
PHP_5.3.20 源码编译安装PHP-FPM
查看>>
在51CTO三年年+了,你也来晒晒
查看>>
js控制图片等比例缩放
查看>>
Java高级开发工程师面试考纲
查看>>
FreeMarker表达式
查看>>
Debian9.2 下使用vnstat查看服务器带宽流量统计
查看>>
NGINX + PHP-FPM 502
查看>>
mysql数据备份与恢复
查看>>
Openstack API常用命令
查看>>
OpenSSL漏洞凶猛来袭 慧眼恶意代码监测应对有方
查看>>
C语言 喝汽水问题
查看>>
LINUX中搭建DNS服务器,实现正向、反向以及访问不同DNS解析
查看>>