当前位置:编程学习 > JS >>

js表单验证自我总结

[html] 
<html> 
<title></title> 
  <head> 
  <script language = "javascript"> 
  function cancel(){ 
 
    document.getElementById("Form").reset(); 
  } 
  function check(){ 
  //验证用户名 
  var username = document.getElementById("username"); 
  if(username.value.length==0){ 
     alert("用户名不能为空!"); 
     username.focus(); 
     return false; 
  } 
  if(username.value.length<6){ 
   alert("用户名长度不能低于6位!"); 
   username.value = ""; 
   username.focus(); 
     return false; 
  } 
   //验证密码,确认密码 
   var pass = document.getElementById("password"); 
   var qrpass = document.getElementById("qrpassword"); 
   if(pass.value.length==0){ 
      alert("密码不能为空!"); 
      pass.focus(); 
      return false; 
    } 
    if(pass.value.length<6||pass.value.length>15){ 
         alert("密码的长度为6-15位!"); 
         pass.value = ""; 
         pass.focus(); 
         return false; 
    }else if(pass.value!=qrpass.value){ 
     alert("两次密码输入不一致!"); 
     qrpass.value = ""; 
     qrpass.focus(); 
      return false; 
    } 
    //验证身份证号 
    var idcard = document.getElementById("idcard"); 
    if(idcard.value.length==0){ 
    alert("请输入你的身份证号码!"); 
    idcard.focus(); 
    return false; 
    } 
    var card = /^[1-9]{1}[0-9]{14}$|^[1-9]{1}[0-9]{16}([0-9]|[xX])$/ 
    if(!card.test(idcard.value)){ 
    alert("你输入的身份证号码不正确,请重新输入!"); 
    idcard.value=""; 
    idcard.focus(); 
    return false; 
    } 
   //验证性别 
   var 易做图 = document.getElementsByName("易做图"); 
   var boo = true; 
   for(var i = 0;i<易做图.length;i++){ 
     if(易做图[i].checked==true){ 
       boo = false; 
       break; 
     } 
   } 
   if(boo){ 
       alert("请选择你的性别!"); 
       return false; 
     } 
    //验证出生日期 
    var data = document.getElementById("birthday"); 
     if(data.value.length==0){ 
      alert("请输入您的出生日期!"); 
      pass.focus(); 
      return false; 
     } 
    //YYYY-MM-DD || YYYY/MM/DD 的日期格式 
     var a=/^(\d{4})(-|\/)(\d{1,2})\2(\d{1,2})$/ 
     if(!a.test(data.value)){ 
       alert("日期格式不正确!\n\n请输入YYYY-MM-DD或者YYYY/MM/DD的格式!"); 
       return false; 
     }  
    //验证籍贯 
    var slt=document.getElementById("region"); 
    if(slt.value=="0"){ 
       alert("请选择你的籍贯!"); 
        return false; 
      } 
    //验证爱好 
    var flag = true; 
    var aa = document.getElementsByName("hobby"); 
    for(i = 0;i<aa.length;i++){ 
    if(aa[i].checked==true){ 
       flag = false; 
       break; 
      } 
     } 
      if(flag){ 
       alert("请选择你的爱好!"); 
       return false; 
      } 
    //验证邮箱   
    var objName = document.getElementById("email"); 
    var pattern = /^[a-zA-Z0-9]{1,}@[a-zA-Z0-9]{1,10}[.](com|cn|net)$/;   
    if(objName.value==0){ 
       alert("请输入您的邮箱!"); 
       objName.focus(); 
       return false; 
    } 
    if (!pattern.test(objName.value)) {   
           alert("邮箱格式不正确,请重新输入!"); 
           objName.value=""; 
           objName.focus(); 
           return false;   
          }   
  //验证手机号码的 
  var tel = document.getElementById("tel"); 
var pattern= /^1[358]\d{9}$/  
if(tel.value.length==0){ 
   alert("请输入你的手机号码!"); 
   tel.focus(); 
   return false; 

if(!pattern.test(tel.value)) {  
   alert("你输入的手机号码无效,请重新输入!"); 
   tel.value=""; 
   tel.focus(); 
     return false;  
}  
  //验证自我介绍 
  var intro = document.getElementById("intro"); 
  if(intro.value.length==0){ 
   alert("自我介绍不能为空!"); 
    return false; 
   
  }else if(intro.value.length<100){ 
    alert("自我介绍字数不能低于100字!&quo
补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,