您的位置:首页 > Web前端 > JQuery

JS使用JQuery进行验证

2013-04-10 11:52 211 查看
1.电话验证

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);
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JS 验证 JQuery 邮箱 电话