博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端jquery validate表单验证框架的使用
阅读量:4931 次
发布时间: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

你可能感兴趣的文章
解决T4-1 solaris11无法启动问题
查看>>
CSS 伪元素
查看>>
Asp.net IsPostBack
查看>>
ASP.NET MVC使用Ninject
查看>>
Android透明无边框圆形进度条之最简单实现
查看>>
Dynamics CRM2016 Web API之Expand related entities & $ref & $count
查看>>
MEF 编程指南(八):过滤目录
查看>>
css样式中position和_position的区别
查看>>
hdu 3065 病毒侵袭持续中 AC自动机
查看>>
ajax返回json数据示例
查看>>
DAY9 函数初识(各种参数的用法)
查看>>
9-19练习
查看>>
【zz】贝叶斯推断及其互联网应用
查看>>
看看我做的一款 时间轴 插件 timegliderJs
查看>>
哈希表的构造方法
查看>>
设计包含min函数的栈
查看>>
在Outlook中用VBA导出HTML格式邮件
查看>>
BeanUtils String转Date注册器
查看>>
获得进程/线程已经被分配的所有cpu时间片的总和
查看>>
spark-submit常用参数
查看>>