青岛做网站
新闻动态

如何通过JavaScript验证提交的手机号码格式

2019-05-05来源:青岛做网站
   我们在网站开发过程中,会经常遇到需要验证提交的手机码格式的情况。在验证提交的手机号码格式是否正确时,我们可以使用JavaScript脚本和正则表达式来实现。

   今天青岛做网站就用实例来告诉大家如何通过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_reg0)函数。

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>

上一篇:如何在Windows 2008 R2下配置PHP5.2.4+Apache2.2.4环境        下一篇:在php开发中字符串和数组如何转换