表单的基本验证

<script type="text/javascript" language="javascript">


  $ = document.getElementById;


  function EmailAD(){  //验证E-mail的输入是否正确


   var Emailname = $("Email").value.substring($("Email").value.indexOf(".",0)+1,$("Email").value.length);


   if($("Email").value.length == 0){
    //alert("请输入电子邮箱的地址!");
    $("div1").innerHTML = "<font color = 'bule'>★请输入电子邮箱的地址★</font>";
   }
   else if($("Email").value.indexOf("@",0)==-1 || $("Email").value.indexOf(".",0) == -1){
    //alert("电子邮件的格式不正确,必须包含“@”和“.”!");
    $("div1").innerHTML ="<font color = 'bule'>★电子邮件的格式不正确,必须包含“@”和“.”★</font>";
   }
   else if($("Email").value.indexOf("@",0) > $("Email").value.indexOf(".",0)){
    //alert("电子邮件的格式不真确,“.”必须在“@”符的后面!");
    $("div1").innerHTML ="<font color = 'bule'>★电子邮件的格式不真确,“.”必须在“@”符的后面★</font>";
   }
   else if($("Email").value.indexOf("@",0) ==0 && $("Email").value.indexOf(".",0) ==0){
    //alert("电子邮件的格式不真确,“@”和“.”都不能在第一位!");
    $("div1").innerHTML = "<font color = 'bule'>★电子邮件的格式不真确,“@”和“.”都不能在第一位★</font>";
   }
   else if(Emailname !="com" && Emailname !="cn" &&Emailname !="net" ){
    //alert("电子邮件格式不正确,后缀必须是“.com”、“.cn”或“.net”!");
    $("div1").innerHTML ="<font color = 'bule'>★电子邮件格式不正确,后缀必须是“.com”、“.cn”或“.net”★</font>";
   }
   else{
    $("div1").innerHTML ="<font color = 'red'>√√格式合法,检验以下看是否可用!</font>";
    return true;
   }
  }


  //检测邮箱是否可用
  function EmailJianCe(){
   if(EmailAD()){
    window.open("checkmail.html","","height=100,width=300,toolbar=no, menubar=no, scrollbars=no,resizable=no");
   }
   else{
    alert("检测邮箱需要输入正确的邮箱格式!");
   }
  }


  //验证用户名是否正确
  function NameIsTure(){
   //var reg = /~[A-Za-z]+$/;
   //if(!reg.test($("name").value.charAt(0))){
    //alert("会员名必须以字母开头");
    //$("name").focus();
    //return false;
   //}
   
   if($("name").value.length ==0){
    $("div2").innerHTML = "<font color = 'bule'>★请输入用户名!★</font>";
   }
   else if($("name").value.length <6){
    $("div2").innerHTML = "<font color = 'bule'>★用户名必须在6-12位之间,请重新输入!★</font>";
   }
   else {
    var UserName = $("name").value;
    for(var i = 0 ;i < UserName.length ; i ++){
     var charTest = $("name").value.toLowerCase().charAt(i);
            if((!(charTest >= '0' && charTest <= '9')) && (!(charTest >= 'a' && charTest <= 'z')) && (charTest != '_')){
      $("div2").innerHTML = "<font color = 'bule'>★您输入了非法字符,不能作为用户名!★</font>";
     }
     else{
      $("div2").innerHTML = "<font color = 'red'>√√用户名格式合法,请检测以下该用户名是否存在!</font>";
      return true;
     }
    }
   }
  }
  //检测用户名是否可用
  function NameJianCe(){
   if(NameIsTure()){
    window.open("checkuser.html","","height=100,width=300,toolbar=no, menubar=no, scrollbars=no,resizable=no");
   }
   else{
    alert("要检测用户名需先正确填写用户名!");
   }
  }
  //检测密码输入是否合法
  function pwd1IsTrue(){
   if($("pwd1").value.length == 0){
    //alert("请填写注册密码!");
    $("div3").innerHTML = "<font color = 'bule'>★请填写注册密码!★</font>";
   }
   else if($("pwd1").value.length >12 || $("pwd1").value.length < 6){
    //alert("密码长度必须在4-12位之间。");
    $("div3").innerHTML = "<font color = 'bule'>★密码长度必须在4-12位之间★</font>";
   }
   else{
    $("div3").innerHTML = "<font color = 'red'>√√合法密码,继续注册</font>";
    return true;
   }
  }
  //检测重复密码是否正确
  function pwd2IsTrue(){
   if($("pwd2").value.length == 0){
    $("div4").innerHTML = "<font color = 'bule'>★确认密码,请重新输入一遍密码!★</font>";
   }
   else if($("pwd2").value != $("pwd1").value){
    $("div4").innerHTML = "<font color = 'bule'>★两次输入的密码不一致,请重新输入★</font>";
    $("pwd2").value.length = 0;
    //$("pwd2").focus();
   }
   else{
    $("div4").innerHTML = "<font color = 'red'>√√密码输入正确,请记住您的密码!</font>";
    return true;
   }
  }
  //提交表单
  function submission(){
   if(EmailAD && NameIsTure && pwd1IsTrue){
    $("zhuce").submit();
    $("div5").style.display = "none";
   }
   else{
    $("div5").style.display = "";
    $("div5").innerHTML = "无法注册,您输入的信息不正确!!!";
   }
  }
 </script>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值