正则表达式验证字符串

var value='这是待验证的字符串'
var char=/^[\u4e00-\u9fa5]+$/; //稚嫩恶搞输入汉字
console。log（char.test(value)）

validate表单验证的用法

html部分

<form id="registerPepole" class="container"><%--姓名--%><div class="reg-menu"><span class="reg-danger">*</span><label for="name" language="participantsApply.name" >姓名</label><input type="text" id="name" name="name"><small  id="helpName"></small></div><%--英文名--%><div class="reg-menu"><label language="participantsApply.englishName">英文名</label><input type="text" id="englishName" name="englishName"><small id="helpEnglish"></small></div><%--手机号--%><div class="reg-menu5"><span class="reg-danger">*</span><label language="participantsApply.phone">手机号</label><input type="text" id="phone" name="phone" /><small id="helpPhone"></small></div><%--邮箱--%><div class="reg-menu4"><label language="participantsApply.email">邮箱</label><input type="text" id="email" name="email" placeholder="邮箱地址可选填"><small></small></div><%--证件号--%><div class="reg-menu7"><span class="reg-danger" >*</span><label language="participantsApply.Identification Number">证件号码</label><input type="text" id="idNumber" name="idNumber"><small id="helpID"></small></div><%--确认证件号--%><div class="reg-menu9"><span class="reg-danger" >*</span><label language="participantsApply.Confirm ID number">确认证件号</label><input type="text" id="affirmNumber" name="affirmNumber"/><small id="helpAffirm"></small></div></div></div><!-- 注册按钮 --><div class="register"><button  class="btn btn-default btn-lg btn-primary" type="submit" name="registerBtn" id="registerBtn" language="participantsApply.register">注册</button></div>
</form>

jquery部分

$.validator.setDefaults({submitHandler: function() {alert('表单提交');
});//自定义验证规则
jQuery.validator.addMethod("zh", function(value, element) {var tel = /^[\u4e00-\u9fa5]+$/;return this.optional(element) || (tel.test(value));
}, "请输入汉字");
jQuery.validator.addMethod("en", function(value, element) {var tel = /^[a-zA-Z \s]{2,20}$/;return this.optional(element) || (tel.test(value));
}, "请输入英文");
$.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.validator.addMethod("isCard", function (value, element) {var card = $("input[name='idNumber']").val();var pattern = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;return pattern.test(card);
}, "请输入正确的身份证号");
jQuery.validator.addMethod("reIsCard", function (value, element) {var card = $("input[name='idNumber']").val();var reCard = $("input[name='affirmNumber']").val();if (card == reCard) {return true}else {return false}
}, "确认证件号");$().ready(function() {$("#registerPepole").validate({rules: {name: {required: true,zh:true,minlength:2},englishName:{en:true},phone:{required: true,isMobile:true},email:{email:true},idNumber:{required: true,isCard:true},address:{required: true},affirmNumber:{reIsCard:true}},messages: {name: {required: "请输入用户名",zh:"请输入中文名",minlength:"至少2个汉字"},englishName:{en:"请输入2-20个字母"},phone:{required:"请输入手机号",isMobile:"请正确输入电话号码"},email:{email:"邮箱格式不正确"},idNumber:{required: "请输入证件号",isCard:"证件号格式不正确"},address:{required: "不能为空"},affirmNumber:{reIsCard:"两次输入不一致，请重新输入"}},errorPlacement: function(error, element) {//修改错误信息提示位置,element是验证元素input框等等error.appendTo(element.siblings('small'));}});
});

validate表单验证的用法相关推荐

Validate 表单验证用法说明
前言 Validate 是 jQuery 的一个子插件, 该插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足用户的各种验证需求.该插件捆绑了一套有用的验证方法 ...
jQuery-easyui和validate表单验证实例
jQuery EasyUI 表单 - 表单验证插件validatebox 使用时需要向页面引入两个css文件如下: <link rel="stylesheet" href=& ...
html中表单的校验的插件,功能强大的jquery.validate表单验证插件
本文实例为大家分享了jquery.validate表单验证的使用方法,供大家参考,具体内容如下 1 .表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助 ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
jQuery Validate 表单验证插件----自定义校验结果样式
一.下载依赖包网盘下载:https://yunpan.cn/cryvgGGAQ3DSW 访问密码 f224 二.引入依赖包 <script src="../../scripts/j ...
Laravel POST请求API接口使用validate表单验证返回欢迎页
突然遇到的问题就是使用Laravel进行开发API接口的时候发现在表单验证不通过的时候返回了登录页猜测问题应该是因为表单验证失败后进行了重定向导致的因为返回状态码200 网上找了好久没找到 ...
jQuery validate 表单验证，涵盖各种类型数据
本来觉得用这个会很难,结果试了试,发现却是简单了不少东西啊,什么getElementById,if 什么的,只用几个属性名什么的就可以解决不同状态显示不同提示,很强大很方便. <%@ page ...
jquery validate表单验证插件
1 表单验证的准备工作在开启长篇大论之前,首先将表单验证的效果展示给大家. 1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素 3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
jQuery validate表单验证demo
Query Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求. 官方文档 http://jqueryvalidation. ...

validate表单验证的用法

正则表达式验证字符串

validate表单验证的用法

validate表单验证的用法相关推荐

最新文章

热门文章