青岛做网站
        行业新闻
行业新闻
当前位置:首页> 新闻动态 > 行业新闻

如何通过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>

 

 

免责声明:本站所有资讯内容搜集整理于互联网或者网友提供,并不代表本网赞同其观点,仅供学习与交流使用,如果不小心侵犯到你的权益,如果你对文章内容、图片和版权等问题存在异议,请及时联系我们删除该信息。