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();
}
}
算是有点收获吧,记下来!!
// 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();
}
}
相关文章推荐
- javascript结合正则进行表单验证2
- JavaScript 使用正则表达式进行表单验证的示例代码
- 用正则表达式和javascript对表单进行全面验证
- 用正则表达式和javascript对表单进行全面验证【转】
- 一个用javascript编写的表单提交的例子(包括用正则表达式对数据进行验证)
- 用正则表达式和javascript对表单进行全面验证
- 用正则表达式和javascript对表单进行全面验证
- 用正则表达式和javascript对表单进行全面验证
- JavaScript表单验证和提交(结合正则表达式)
- JavaScript 使用正则表达式进行表单验证的示例代码
- 用正则表达式和javascript对表单进行全面验证
- javascript 正则表达式+表单验证 结合运用简单例子
- 用正则表达式和javascript对表单进行全面验证
- 用正则表达式和javascript对表单进行全面验证
- 用正则表达式和javascript对表单进行全面验证
- 使用javascript进行表单验证
- javascript 正则表达式验证表单信息(光标离开会判断是否符合规定,不符合会提示)
- javascript进行页面表单验证格式
- 如何使用JavaScript和正则表达式进行数据验证