jQuery Validate.js验证手机号码。
html:
<div class="edit_phone1 tis_edit">
<form id="cell" class="form-horizontal" method="get" action=""><div class="select_div bkbj"><span style="width:86px;">原手机号码:</span><input type="text" disabled="disabled" id="old_phone2"></div><div class="select_div new-phone" style="margin-bottom: 0;"><span style="width:86px;">新手机号码:</span><input type="text" id="new_phone" name="new_phone" autofocus="autofocus"></div><div style="color:red;text-align: center;"><p style="margin-right: 54px;">备注:新手机号码将替代原手机号码</p><p style="margin-left: 17px;">该教师的登录账号将为新手机号码</p></div></form>
</div>
js:
$(function(){$("#cell").validate({rules: {new_phone : { required : true, minlength : 11, isMobile : true }, },messages: {new_phone : { required : "请输入手机号", minlength : "不能小于11个字符", isMobile : "请正确填写手机号码" }},});
})
自定义验证手机规则(一定要写):
//手机号码验证
jQuery.validator.addMethod("isMobile", function(value, element) { var length = value.length; var mobile = /^(13[0-9]{9})|(18[0-9]{9})|(14[0-9]{9})|(17[0-9]{9})|(15[0-9]{9})$/; return this.optional(element) || (length == 11 && mobile.test(value));
}, "请正确填写手机号码");
jQuery Validate.js验证手机号码。相关推荐
- jQuery验证控件jquery.validate.js使用说明+中文API
官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明 转载 ...
- 当同时使用bootstrap-datepicker.js和jquery.validate.js这两款插件,至少要选择两次时间,才能验证成功的问题...
当用 bootstrap-datepicker.js 这个插件选择时间,再用jquery.validate.js进行验证,当时间不为空时则验证通过.可能由于在时间插件弹出来时,input框的值发生改变 ...
- 封装jQuery Validate扩展验证方法
一.封装自定义验证方法-validate-methods.js /*****************************************************************jQ ...
- jQuery Validate密码验证的基本使用
jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证 ...
- jQuery Validate自定义验证
jQuery Validate 导入js库,这里是mvc中Scripts.Render的用法 @Scripts.Render("~/bundles/jquery")@Scripts ...
- jQuery表单校验jquery.validate.js的使用
jQuery是一个快速.简洁的js库,为网站的快速开发简化了HTML文档遍历,事件处理,动画,以及Ajax交互.使用jQuery将极大的提高编写javascript代码的效率, 让写出来的代码更加优雅 ...
- jquery.validate.js插件的使用方法
近期做项目.须要用到 jQuery.validate.js插件,于是记录一下工作中的一些经验,以便日后学习. [样例例如以下] 1.前台页面 <form id="form1" ...
- ASP.NETmvc常用JQUERY收藏【jquery.form.js结合jquery.validate.js】
虽然jquery.form.js可以通过自定义验证方式实现个性化的验证,不过我们大量使用的还不是一个红星(*) 在jquery.form.js下使用jquery.validate.js就可以简简单单的 ...
- 修改 jquery.validate.js 支持非form标签
尝试使用markdown来写一篇blog,啦啦啦 源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入的内容做验证的时候,表单并不是一定包含在form之中,有 ...
最新文章
- .NET Framework 3.5 SP1 bootstrapper 包(安装和部署)的解决方法
- 【干货】原型设计的八大指导原则
- 如何洞察行业中的应用场景?(下篇)
- boost::system模块实现新类别错误代码的创建和使用的测试程序
- React开发(266):ant design customRequest
- html 表格是网页中的数据,用 Pandas 读写网页中的 HTML 表格数据
- mac合上盖子不锁屏_macbook合上盖子不断网的设置
- 【编辑器】vscode修改背景图片的插件们
- GIS(地理信息系统)名词解释大全(考研)
- JQ6500语音模块
- 鼠标控制c语言扫雷程序,【源码项目】C语言/C+开发,打造一个小项目扫雷小游戏!...
- ellipse函数用法
- ubuntu 桌面卡死,鼠标能动但是点击无效。
- FPGA设计——图像处理(锐化增强)
- 廖雪峰Git简明教程整理
- 洛谷 P1462 通往奥格瑞玛的道路
- Python 实现丘德诺夫斯基(Chudnovsky)法計算高精度圓周率
- E. Pencils and Boxes(尺取dp)
- win10+中标麒麟双系统安装步骤
- 测试需求分析与测试用例设计