今天青岛做网站就用实例来告诉大家如何通过JavaScript验证提交的手机号码格式。其实，验证手机号码的格式是否正确主要应用两个自定义函数checkregtel()和checkreginfo ()。其中在自定义函数checkregtel()中创建一个正则表达式，用于验证手机号码的格式是否正确，该函数的语法如下：
function checkregtel(regtel){
var str=regtel;
var Expression=/^13(\d{9})$|^15(\d{9})$/;
var objExp=new RegExp(Expression);
if(objExp.test(str)==true){
return true;
}else{
return false;
}
}
而在自定义函数checkreginfo()中，实现对表单中提交的数据进行验证，并通过JavaScript返回错误信息。该函数的语法如下：
function chkreginfo(form,mark,edit){
if(mark==0 || mark=="all"){
if(form.new_tel.value==""){
chknew_tel.innerHTML="请输入电话号码！";
form.new_tel.style.backgroundColor="#FF0000";
return false;
}else if(!checkregtel(form.new_tel.value)){
chknew_tel.innerHTML="电话号码的格式不正确！";
form.new_tel.style.backgroundColor="#FF0000";
return false;
}else if(isNaN(form.new_tel.value)){
chknew_tel.innerHTML="电话号由数字组成！";
form.new_tel.style.backgroundColor="#FF0000";
return false;
}else{
chknew_tel.innerHTML="";
form.new_tel.style.backgroundColor="#FFFFFF";
mail_address(document.getElementById(’new_tel’).value);
}
}
return true;
}
验证提交电话号码格式是否正确的整个实现过程如下：
1、 创建form表格，设置表单名称为form_reg.。
2、 设置添加手机号码的文本框，并且应用onBlur事件调用checkreginfo(form_reg，0)函数。
3、 通过div标签输出验证的结果。
实例表单代码如下：
<form name="form_reg" method="post">
<td width="100" align="right"><div align="right" class="STYLE1">添加手机号：</div></td>
<td width="335" align="left"><input type="text" id="new_tel" name="new_tel" size="40" class="inputcss" onBlur="checkreginfo(form_reg,0)"><div id="chknew_tel" style="color:#FF0000"></div></td>
<td width="120"><div align="left">
<input name="button" type="button" class="buttoncss" value="添加">
</div></td>
</form>
鲁公网安备 37021402001407号