jquery做一个表单验证

正则表达式的写法：

var re=new RegExp('规则', '可选参数');
var re=/规则/参数;(这个最常用)

正则表达式的规则

和其他语言的正则表达式规则一样，可以参考我的另一边博文：https://www.cnblogs.com/chichung/p/9556199.html

修饰参数：

g： global，全文搜索，默认搜索到第一个结果接停止
i： ignore case，忽略大小写，默认大小写敏感

常用函数

test
用法：正则.test(字符串) 匹配成功，就返回真，否则就返回假

用jQuery做了一个表单验证，作为示例：

$(function(){$('#user_name').on('blur',function(){var re=/^\w{6,20}$/;if(re.test($(this).val())===false){$(this).next().html("用户名必须为6-12位字母").show();}else{$(this).next.hide()}});$('#pwd').on('blur',function(){var re=/^[\w!@#$%^&*]{6,20}$/;if(re.test($(this).val())===false){$(this).next().html("密码必须是6-20位字符").show()}else{$(this).next().hide();}});$('#cpwd').on('blur',function(){if($(this).val()!=$('#pwd').val()){$(this).next().html("两次输入密码不一致").show();}else{$(this).next().hide();}});$('#email').on('blur',function(){var re=/^[a-z0-9][\w\.\-]*@[a-z0-9\-]+(\.[a-z]{2,5}){1,2}$/i;if(re.test($(this).val())==false){$(this).next().html("邮箱格式有误").show();}else{$(this).next().hide();}})
})

转载于:https://www.cnblogs.com/chichung/p/9713556.html

jquery做一个表单验证相关推荐

jQuery Validation Engine 表单验证踩过的一个坑
jQuery Validation Engine表单验证是一个非常简单好用的前端验证插件,具体的使用手册可以参考: http://code.ciaoca.com/jquery/validation-e ...
自己编写jQuery插件之表单验证
自己编写jQuery插件之表单验证吐个嘈先:最近状态不咋滴,真是什么都不想干,不想上班,做什么都没动力,觉得没意思.不想这样,不想这样,快让这种情绪消失吧,忽忽.... 表单验证在项目中用的还是比较 ...
bootstrap html5 表单验证,基于Bootstrap+jQuery.validate实现表单验证
这大概是一种惯例,学习前台后台最开始接触的业务都是用户注册和登录.现在社会坚持以人为本的理念,在网站开发过程同样如此.User是我们面对较多的对象,也是较核心的对象.最开始的用户注册和登陆这块,也就尤 ...
一个表单验证引发的深思！！！
需求实现一个表单验证,用于验证用户名,邮箱,密码等. function checkName() {// 验证用户名 } function checkEmail() {// 验证邮箱 } functi ...
Spring MVC和JQuery用于Ajax表单验证
在本教程中,我们将看到如何使用Ajax和Spring MVC和JQuery在服务器端验证表单. Spring MVC为通过注释驱动的配置采用Ajax提供了非常方便的过程. 我们将使用此注释驱动的配置以 ...
2013年jQuery Validation Engine 表单验证
目录(?)[-] options 参数说明可选使用方法载入 CSS 文件载入 JavaScript 文件给表单加上 ID 给控件加上 ID 及设置验证类型设置验证验证类型 API 方法 ...
jquery validation Engine表单验证
jQuery Validation Engine 表单验证来源功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外, ...
使用 jQuery Validate 进行表单验证
jQuery Validate简介 jQuery Validate 插件提供了强大的表单验证功能,能够让客户端表单验证变得更简单,同时它还提供了大量的可定制化选项,以满足应用程序的各种需求.该插件捆绑 ...
jQuery封装的表单验证，模仿网易或者腾讯登录的风格
模仿网易邮箱做了一个登录表单验证,不太好,请指教上代码 <form action="" name="" id="form1"> ...
html input validator,BootstrapValidator 表单验证超详要怎么做？表单验证超详细教程！...
我们在接触Bootstrap的时候总会遇到不同的问题和困难,今天我们就来说说有关于"BootstrapValidator 表单验证超详要怎么做?"这个问题.下面是小编整理的有关于这 ...

jquery做一个表单验证

jquery做一个表单验证相关推荐

最新文章

热门文章