JQuery正则表达式 （初学习）

 

<script>
$(function(){

//验证用户名
 function checkUserName(){
  var uname = $("[name=username]").val();
  $(".s_name").removeClass("ok");
  if(uname==""){
   $(".s_name").html("用户名称不能为空！").addClass("error");
   return false;
  }else{
   $(".s_name").html("输入成功！").addClass("ok"); 
  }
 }

//验证密码
 function checkPassword(){
  var pwd = $("[name=password]").val();
  $(".s_pwd").removeClass("ok");
  if(pwd.length<6){
   $(".s_pwd").html("密码长度不能小于六位数!").addClass("error");
   return false;
  }else{
   $(".s_pwd").html("输入成功！").addClass("ok");
  }
 }

//验证电子邮箱
 function checkEmail(){
  var reg= /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
  var email = $("[name=email]").val();
  $(".s_email").removeClass("ok");
  if(reg.test(email)==false){
   $(".s_email").html("电子邮箱格式不正确!").addClass("error");
   return false;
  }else{
   $(".s_email").html("输入成功！").addClass("ok");
  }
 }

 //验证邮政编码
 function checkCode(){
  var reg= /^[0-9]{6}$/;
  var code = $("[name=code]").val();
  $(".sp_code").removeClass("ok");
  if(reg.test(code)==false){
  $(".sp_code").html("邮政编码格式不正确!").addClass("error");
  return false;
  }else{
  $(".sp_code").html("输入正确！").addClass("ok");
  }
 }

//验证手机号码
 function checkPhone(){
  var reg = /^[1][3|4|5|7|8][0-9]{9}$/;
  var phone = $("[name=phone]").val();
  $(".s_phone").removeClass("ok");
  if(reg.test(phone)==false){
  $(".s_phone").html("手机格式不正确!").addClass("error");
  return false;
  }else{
   $(".s_phone").html("输入成功！").addClass("ok");
  }
 }

//验证生日：
 function checkShengri(){
  var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
  var shengri = $("[name=shengri]").val();
  $(".s_sri").removeClass("ok");
  if(reg.test(shengri)==false){
   $(".s_sri").html("生日格式不正确!").addClass("error");
   return false;
  }else{
   $(".s_sri").html("输入成功！").addClass("ok");
  }
 }

//调用
 $("[name=username]").blur(checkUserName);
 $("[name=password]").blur(checkPassword);
 $("[name=email]").blur(checkEmail);

 $("[name=code]").blur(checkCode);
 $("[name=phone]").blur(checkPhone);
 $("[name=shengri]").blur(checkShengri);
 
 $("[name=tj]").click(function(){
  checkUserName();
  checkPassword();
  checkEmail();

  checkCode();
  checkPhone();
  checkShengri();
  
  if(checkUserName()==false||checkPassword()==false||checkEmail()==false||checkPhone()==false||checkShengri()==false){
   return false; 
  }
  
 }) 

})

</script>