jquery表单验证

最新推荐文章于 2024-03-14 07:00:00 发布

原创最新推荐文章于 2024-03-14 07:00:00 发布 · 232 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

63 篇文章

订阅专栏

本文介绍了如何在前端页面中实现用户名、手机号和留言的验证逻辑，包括验证用户名是否为空、手机号格式是否正确以及留言是否为空，确保用户输入的数据符合预期。

//验证非空blur事件
$().ready(function(){
$("#userName").blur(function(){
  checkname();
});
$("#phone").blur(function(){
   checkPhone();
});
$("#liuYan").blur(function(){
   checksms();
});
});

//用户名是否为空
     function checkname(){
     var a = $("#userName").val();
              if(a==""){
                  alert("用户名不能为空");
return false;
 }
 else{
 return true}
 }
//验证手机号
function checkPhone(){
mobile_phone = $("#phone").val();
    var reg = /^0?1[34   58]\d{9}$/;
    if (!reg.test(mobile_phone)){
alert("手机格式输入错误");
       return false;
    }
else{
return true}
 }
 
 //留言是否为空
     function checksms(){
     var a = $("#liuYan").val();
              if(a==""){
                  alert("留言不能为空");
return false;
 }
 else{
 return true}
 }
 //提交验证
function checkAll(){
if(checkname()&&checkPhone()){
return true;
}else{
return false;
}
}
//留言页面的验证
function checkAll2(){
if(checkname()&&checkPhone()&&checksms()){
return true;
}else{
return false;
}
}