您的位置:首页 > Web前端 > JavaScript

javascript结合正则进行表单验证1

2007-10-29 23:21 423 查看
今天下午花了一下午时间写验证控件,以及ajax异步提交程序

算是有点收获吧,记下来!!

// JScript 文件

function $(o){return document.getElementById(o)}

function Change(id){ 
     var str="http://www.114study.com/UploadFiles/DatumDownFile/DatumPageFile/zhuanti/guanghua/";
   if(id=='A')
   {
       str="http://www.114study.com/UploadFiles/DatumDownFile/DatumPageFile/zhuanti/guanghua/";
    str=str+"1.wmv";
      $('fang').innerHTML="<embed src=/""+str+"/" id=/"bofang/" style=/"width:235px;height:171px;/"></embed>";
   }
   else if(id=='B')
   {
       str="http://www.114study.com/UploadFiles/DatumDownFile/DatumPageFile/zhuanti/guanghua/";
    str=str+"2.wmv";
      $('fang').innerHTML="<embed src=/""+str+"/" id=/"bofang/" style=/"width:235px;height:171px;/"></embed>";
   }
   else if(id=='C')
   {
       str="http://www.114study.com/UploadFiles/DatumDownFile/DatumPageFile/zhuanti/guanghua/";
    str=str+"3.wmv";
      $('fang').innerHTML="<embed src=/""+str+"/" id=/"bofang/" style=/"width:235px;height:171px;/"></embed>";
   }
   else if(id=='D')
   {
       str="http://www.114study.com/UploadFiles/DatumDownFile/DatumPageFile/zhuanti/guanghua/";
    str=str+"4.wmv";
      $('fang').innerHTML="<embed src=/""+str+"/" id=/"bofang/" style=/"width:235px;height:171px;/"></embed>";
   }
   else if(id=='E')
   {
       str="http://www.114study.com/UploadFiles/DatumDownFile/DatumPageFile/zhuanti/guanghua/";
    str=str+"5.wmv";
      $('fang').innerHTML="<embed src=/""+str+"/" id=/"bofang/" style=/"width:235px;height:171px;/"></embed>";
   }
 }

function Check_onclick(F)
{
    $(F).style.display="";
    if(F=="F_1")
    {
        $('F_2').style.display="none";
        $('F_3').style.display="none";
        $('F_4').style.display="none";
    }
    else if(F=="F_2")
    {
        $('F_1').style.display="none";
        $('F_3').style.display="none";
        $('F_4').style.display="none";
    }
    else if(F=="F_3")
    {
        $('F_2').style.display="none";
        $('F_1').style.display="none";
        $('F_4').style.display="none";
    }
    else if(F=="F_4")
    {
        $('F_2').style.display="none";
        $('F_3').style.display="none";
        $('F_1').style.display="none";
    }
}

function locking(){
document.all.ly.style.display="block";
document.all.ly.style.width="10000px";
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
}

function zhuan()
{
  $('Qname').innerHTML=$('txtName').value;
  if($('m').checked)
  {
     $('Qclass').innerHTML="势能VIP金卡课程";
     $('Qprice').innerHTML="528元";
  }
    else($('m').checked)
  {
     $('Qclass').innerHTML="免费体验卡课程";
     $('Qprice').innerHTML="免费试听7天";
  }
  $('Qphone').innerHTML=$('txtPhone').value;
  $('Qphone2').innerHTML=$('txtPhone2').value;
  $('QAddress').innerHTML=$('txtAddress').value;
  $('Qemail').innerHTML=$('txtEmail').value;
}

function closeW()
{
   document.all.ly.style.display='none';document.all.Layer2.style.display='none';
}

var xmlHttp;

function createXMLHTTP()
{
    if(window.XMLHttpRequest)
    {
        xmlHttp=new XMLHttpRequest();//mozilla浏览器
    }
    else if(window.ActiveXObject)
    {
        try
        {
            xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");//IE老版本
        }
        catch(e)
        {}
        try
        {
            xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//IE新版本
        }
        catch(e)
        {}
        if(!xmlHttp)
        {
            window.alert("不能创建XMLHttpRequest对象实例!");
            return false;
        }
    }
}

function queding()
{
     var name=$('txtName').value;
     var cla;
     var price;
     var card=1;
     var type=0;
     if($('m').checked)
      {
        card=2;
         cla="势能VIP金卡课程";
        price="528元";
      if ($('radhoudao').Checked) { type = 0; }
   else if ($('radshidi').Checked) { type = 1; }
   else if ($('radyouju').Checked) { type = 2; }
   else if ($('radyinhang').Checked) { type = 3;}
      }
    else
      {
         cla="免费体验卡课程";
         price="免费试听7天";
      }
      var phone1=$('txtPhone').value;
      var phone2=$('txtPhone2').value;
      var address=$('txtAddress').value;
      var code =$('txtCode').value
      var email=$('txtEmail').value;
      var other=$('txtOther').value;
        createXMLHTTP();//创建XMLHttpRequest对象
        var url="Ajax.aspx?Name="+name+"&cla="+cla+"&price="+price+"&phone1="+phone1+"&phone2="+phone2+"&Address="+address+"&email="+email+"&card="+card+"&code="+code+"&other="+other+"&type="+type+"&m="+Math.random();
        xmlHttp.open("post",url,true);
        xmlHttp.onreadystatechange=chenggong;
        xmlHttp.send(null);
}

function chenggong()
{
    if(xmlHttp.readyState==4)//判断对象状态
    {
        if(xmlHttp.status==200)//信息成功返回,开始处理信息
        {

            alert('恭喜,报名成功!我们会尽快和你联系.');
        }
    }
}

<!--用户名不能为空-->
function checkName()
{
  if($('txtName').value=="")
  {
    $('cname').style.display='';
    $('txtName').focus();
  }
  else
  {
     $('cname').style.display='none';
  }
}

<!--主要电话不能为空,并进行多层详细验证电话号码格式-->
function checkPhone1()
{
  if($('txtPhone').value=="")
  {
    $('cphone1').style.display='';
    $('txtPhone').focus();
  }
  else
  {
 
 var regexp=/^(0[0-9]{2,3}/-)?([2-9][0-9]{6,7})+(/-[0-9]{1,4})?$/ig;
 
  var regexp2=/^((/(/d{3}/))|(/d{3}/-))?13[0-9]/d{8}|15[89]/d{8}/ig;
   
  $('cphone1').style.display='none';
 
  if(regexp.exec($('txtPhone').value)||regexp2.exec($('txtPhone').value))
     {$('cphone11').style.display='none';}
     else
     { $('cphone11').style.display='';}
  }
}

<!--电话号码准确验证-->
function checkPhone2()
{
   if($('txtPhone2').value!="")
   {
     var regexp=/^(0[0-9]{2,3}/-)?([2-9][0-9]{6,7})+(/-[0-9]{1,4})?$/ig;
     
     var regexp2=/^((/(/d{3}/))|(/d{3}/-))?13[0-9]/d{8}|15[89]/d{8}/ig;
     
     if(regexp.exec($('txtPhone2').value)||regexp2.exec($('txtPhone2').value))
     {$('cphone2').style.display='none';}
     else
     { $('cphone2').style.display='';}
  }
  else
  {
    $('cphone2').style.display='none';
  }

}

<!--Email验证,非必填项-->
function checkEmail()
{
  if($('txtEmail').value !="")
  {
    var email=/^([a-z]|[A-Z]){1}([a-z]|[A-Z]|/.|[0-9]|-|_){0,20}@([a-z]|[A-Z]|[0-9]|-|_){0,20}/.([a-z]|[A-Z]){2,3}(/.([a-z]|[A-Z]){2}){0,1}$/ig;
    if(email.exec($('txtEmail').value))
    {
       $('cemail').style.display='none';
    }
    else
    {
        $('cemail').style.display='';
    }
  }
  else
  {
     $('cemail').style.display='none';
  }
}

<!--邮政编码验证-->
function checkCode()
{
    if($('txtCode').value !="")
  {
    var code=/^/d{6}$/ig;
    if(code.exec($('txtCode').value))
    {
      $('ccode').style.display='none';
    }
    else
    {
        $('ccode').style.display='';
    }
  }
}

<!--地址不能为空-->
function checkAddress()
{
   if($('txtAddress').value != "")
   {
      $('caddress').style.display='none';
   }
   else
   {
     $('caddress').style.display='';
   }
}

<!--提交时候再次进行验证-->
function CheckM()
{
    checkName();
    checkPhone1();
    checkPhone2();
    checkEmail();
    checkCode();
    checkAddress();
    if($('cname').style.display=='none' && $('cphone1').style.display=='none' && $('cphone11').style.display=='none' && $('cphone2').style.display=='none' && $('cemail').style.display=='none' && $('ccode').style.display=='none' && $('caddress').style.display=='none')
    {
        locking();zhuan();$('bu').focus();
    }
}

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息