JS使用JQuery进行验证
2013-04-10 11:52
211 查看
1.电话验证
2.邮箱验证
(同时还使用了异步验证是否该邮箱已经注册)
3.密码验证(在此使用手机号码作为密码)
4.验证输入不能为空(正则验证)
function check_phone(){ $('#phoneInfo').html(""); var pwd=$('#phone').val(); if(pwd==""){ $('#phoneInfo').html("手机不能为空"); return false; } var teg=/^((13[0-9])|(15[0-9])|(18[0-9]))[0-9]{8}$/; if(!teg.test(pwd)){ $('#phoneInfo').html("手机格式错误"); return false; } $('#phoneInfo').html("手机格式正确"); return true; }
2.邮箱验证
(同时还使用了异步验证是否该邮箱已经注册)
function check_email(){ var flag=false; $('#emailInfo').html(""); var email=$('#email').val(); if(email==""){ $('#emailInfo').html("邮箱不能为空"); return false; } var reg=/\b(^['_A-Za-z0-9-]+(\.['_A-Za-z0-9-]+)*@([A-Za-z0-9-])+(\.[A-Za-z0-9-]+)*((\.[A-Za-z0-9]{2,})|(\.[A-Za-z0-9]{2,}\.[A-Za-z0-9]{2,}))$)\b/; if(!reg.test(email)){ $("#emailInfo").html("邮箱格式错误"); return false; } $.ajax( { 'url':'check!checkMail', 'type':'post', 'data':'email='+email, 'dataType':'json', 'success':function( data ){ if( data ){ flag = true; $('#emailInfo').html( "可以使用" ); }else{ flag = false; $( '#emailInfo' ).html( "邮箱已经被注册" ); } }, 'async':false; }) return flag; }
3.密码验证(在此使用手机号码作为密码)
function check_pwd(){ $('#passwordInfo').html(""); var pwd=$('#phone').val(); if(pwd==""){ $('#passwordInfo').html("手机不能为空"); return false; } var teg=/^((13[0-9])|(15[0-9])|(18[0-9]))[0-9]{8}$/; if(!teg.test(pwd)){ $('#passwordInfo').html("手机格式错误"); return false; } $('#passwordInfo').html("手机格式正确"); return true; } function check_repwd(){ var repwd=$('#rePhone').val(); if(repwd==""){ $('#password1Info').html("密码不能为空"); return false; } else if(repwd!=$('#phone').val()){ $('#password1Info').html("密码输入与第一次不一样"); return false; }else{ $('#password1Info').html("输入正确"); return true; } }
4.验证输入不能为空(正则验证)
function isNull( str ){ if ( str == "" ){ return true; } var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str); }
相关文章推荐
- 使用jquery.validate.js插件进行表单里控件的验证
- 使用jquery.validate.min.js插件进行表单验证并自定义校验规则
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明
- jquery.validate.js使用id验证控件
- js数值计算时使用parseInt进行数据类型转换(jquery)
- [置顶] 【JS】JavaScript进行表单验证经常使用的判断条件
- jQuery使用$.ajax进行即时验证的方法
- [jQuery]使用jQuery.Validate进行客户端验证(高级篇-下)——不使用微软验证控件的理由
- jQuery验证控件jquery.validate.js使用说明+中文API
- jquery.validate.js使用id验证
- 使用JS验证密码的强度 jQuery验证框架
- jQuery使用$.ajax进行即时验证实例详解
- jQuery验证控件jquery.validate.js使用说明+中文API
- MVC笔记2:mvc+jquery.validate.js 进行前端验证
- [jQuery]使用jQuery.Validate进行客户端验证——不使用微软验证控件的理由-目录及简介[转载]
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明+中文API
- jQuery验证控件jquery.validate.js使用说明+中文API