ajax表单int验证,表单前端验证+ajax异步请求

今天做了一求开里框显域的标近打发指架广或计题近打发个注册表单的各个字段的前端的验证，感觉能用，但不知道还有没有更好的方法，特别是阻止表单提交那块，用了4个变量，感觉有点麻烦，明天要后台验证，用到正则表达式，之前没用过，又可以尝试新的浏刚学互久维数曾总屏果以。公实式带近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结蔽为我最司现幻的近览开会。后护一相结东西了

$(function(){

var flag1=flag2=flag3=flag4=flag5=false;

//账号验证

$('.phone').blur(function(){

if($('.phone').attr('value')==""){

$('.errorMsg').text('账号不能为空！');

flag1 = false;

return;

//长度验证

}else if($('.phone').attr('value').length!=11){

$('.errorMsg').text('注册账号为手机号码！');

flag1 = false;

return;

}else{

$('.errorMsg').empty();

flag1=true;

}

//异步请求

$phone=$('.phone').val();

if($phone){

$.post(get_phone_url,{'phone':$('.phone').val()},function( data ){

//console.log(data.content);

$('.errorMsg').text(data.content);

if(data.status==0){

flag5=false;

return;

}else{

flag5=true;

}

});

}

});

//昵称验证

$('.name').blur(function(){

if($('.name').attr('value')==""){

$('.errorMsg').text('昵称不能为空！');

flag2= false;

return;

}else{

$('.errorMsg').empty();

flag2=true;

}

});

//密码验证

$('.password').blur(function(){

if($('.password').attr('value')==""){

$('.errorMsg').text('密码不能为空！');

flag3 = false;

return;

}else if($('.password').attr('value').length!=6){

$('.errorMsg').text('密码位数必须为6位！');

flag3 = false;

return;

}else{

$('.errorMsg').empty();

flag3=true;

}

});

//确认密码验证

$('.re_password').blur(function(){

$pass=$('.password').attr('value');

$repass=$('.re_password').attr('value');

if($repass!=$pass){

$('.errorMsg').text('两次密码输入不一致！');

flag4 = false;

return;

}else{

$('.errorMsg').empty();

flag4=true;

}

});

//提交表单

$('.btn_agree').click(function(){

if(flag1&&flag2&&flag3&&flag4&&flag5){

$('.regisForm').submit();

}else{

alert('注册失败!');

}

});

});后台获取账号：

//返回前端异步请求的用户账号(手机号码)

public function get_phone(){

$rst = M('user')->where(array('user_phone' => $_POST['phone']))->getField('user_id');

if(!$rst){

$data['status'] = 1;

$data['content']='';

}else{

$data['status']=0;

$data['content']='该号码已被注册！';

}

$this->ajaxReturn($data);

}

本文来源于网络：查看 >https://blog.youkuaiyun.com/leiwen_su/article/details/47325021