js表单验证常用正则(邮箱，电话，手机）

本教程主要是讲下面这些正则了，有需要的朋友可以参考一下。

<script language="网页特效">
    function $(id)
    {
     return document.getElementById(id);
    }
    
    function checkform()
    {
     var mo = /^0*(13|15|18)d{9}$/;
     var tel =/(^[0-9]{3,4}-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^([0-9]{3,4})[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;
     var mail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;

     if( $('med_man').value=='' || $('med_man').length<2 || $('med_man').length>200 )
     {
      alert('请输入您的姓名！');
      myform1.med_man.focus();
      return false;
     }
     
     if( $('med_city').value=='' )
     {
      alert('请选择地区！');
      myform1.med_city.focus();
      return false;
     }
     
     if($('med_com').value =="" || $('med_com').length<2 || $('med_com').length>200  )
     {
      alert('请输入单位名称！');
      myform1.med_com.focus();
      return false;
     }
     if( $('med_tel').value =="" && $('med_mo').value =="" )
     {
      alert('联系电话（座机和手机请至少填写一项）！');
      return false;
     }
     else
     {
      if( $('med_tel').value != "" )
      {
       if( ! tel.test( $('med_tel').value ) )
       {
        alert('输入正确的电话号码 0731-88888888 ');
        myform1.med_tel.focus();
        return false;
       }
      }
      
      if( $('med_mo').value != "" )
      {
       if( ! mo.test( $('med_mo').value ) )
       {
        alert('输入正确的手机号码！');
        myform1.med_mo.focus();
        return false;
       }
      }
      
     }
     
     if( $('med_email').value =="" )
     {
      alert('邮箱地址不能为空！');
      myform1.med_email.focus();
      return false;
     }
     else
     {
      if(  !mail.test($('med_email').value))
      {
       alert('输入正确的邮箱地址！');
       myform1.med_email.focus();
       return false;
      }
     }
    
    }
   </script>

html代码

<table width="100%" border="0" cellspacing="0" cellpadding="0">
             <form id="myform1" name="myform1" method="post" action="">
              <tr>
                <td>
                 <table width="715" border="0" cellspacing="0" cellpadding="0" align="center">
                      <tr>
                        <td height="132" valign="top" background="/images/meitihezuo.gif"  style="padding:35px 25px 10px 25px; font-size:14px; line-height:25px; color:#0a2057">
                         <strong>欢迎来这里寻找幸福，我们诚邀您加入圆梦园<span style="color:#C00">媒体会员</span>俱乐部，以便我们为您提供有针对性的服务，加强双方交流合作。媒体会员俱乐部的成员将有机会优先参加精品活动，，享受优惠服务，获得爱情顾问的专项推荐。祝您早日告别单身，寻得一生幸福！
                        </strong></td>
                      </tr>
                    </table>

                </td>
              </tr>
              <tr>
                <td>
                 <table width="90%" border="0" cellspacing="0" cellpadding="0" align="center" class="meitihezuo" >
                          <tr>
                            <td colspan="4" height="35" style="color:#816d1d">请填写您的信息( 我们承诺严格保密您的信息，只用于网站工作人员与您联系！)</td>
                          </tr>
                          <tr>
                            <td width="50" height="30"><span>*</span>姓名：</td>
                            <td width="100" height="30"><input name="med_man" type="text" size="35" maxlength="33" style="width:100px; height:18px; padding:0; margin:0" id="med_man" /></td>
                            <td width="70" height="30" align="center">媒体类型：</td>
                            <td width="400" height="30"><select name="med_type" id="med_type">
                            <option value="">请选择</option>
                            <option value="户外媒体">户外媒体</option>
                            <option value="电视媒体">电视媒体</option>
                            <option value="报纸媒体">报纸媒体</option>
                            <option value="杂志媒体">杂志媒体</option>
                            <option value="网络媒体">网络媒体</option>
                            <option value="广播媒体">广播媒体</option>
                            <option value="新媒体">新媒体</option>
                            </select></td>
                      </tr>
                          <tr>
                            <td width="50" height="30"><span>*</span>省市：</td>
                            <td height="30" colspan="3">
                              <select name="med_city" id="med_city">
                            
<option value="不限">不限</option>
<option value="北京市">北京市</option><option value="湖北省">湖北省</option><option value="湖南省">湖南省</option><option value="广东省">广东省</option><option value="广西省">广西省</option><option value="海南省">海南省</option><option value="重庆市">重庆市</option><option value="四川省">四川省</option><option value="贵州省">贵州省</option><option value="云南省">云南省</option><option value="陕西省">陕西省</option><option value="甘肃省">甘肃省</option><option value="青海省">青海省</option><option value="宁夏">宁夏</option><option value="河南省">河南省</option><option value="山东省">山东省</option><option value="天津市">天津市</option><option value="河北省">河北省</option><option value="山西省">山西省</option><option value="内蒙">内蒙</option><option value="辽宁省">辽宁省</option><option value="吉林省">吉林省</option><option value="黑龙江省">黑龙江省</option><option value="上海市">上海市</option><option value="江苏省">江苏省</option><option value="浙江省">浙江省</option><option value="安徽省">安徽省</option><option value="福建省">福建省</option><option value="江西省">江西省</option><option value="新疆">新疆</option></select>                  </td>
                      </tr>
                          <tr>
                            <td width="50" height="30"><span>*</span>单位：</td>
                            <td height="30" colspan="3"><input name="med_com" type="text" size="80" maxlength="78" style="width:280px; height:18px; padding:0; margin:0" id="med_com" /></td>
                      </tr>
                          <tr>
                            <td width="50" height="30">部门：</td>
                            <td width="100" height="30"><input name="med_bm" type="text" size="35" maxlength="33" style="width:100px; height:18px; padding:0; margin:0" id="med_bm" /></td>
                            <td width="70" height="30" align="center">职务：</td>
                            <td width="400" height="30"><input name="med_site" type="text" id="med_site" style="width:100px; height:18px; padding:0; margin:0" size="35" maxlength="33" /></td>
                      </tr>
                          <tr>
                            <td height="30" colspan="4"><span>*</span>联系电话（座机和手机请至少填写一项）</td>
                      </tr>
                          <tr>
                            <td width="50" height="30">座机：</td>
                            <td width="100" height="30"><input name="med_tel" type="text" size="35" maxlength="33" style="width:100px; height:18px; padding:0; margin:0" id="med_tel" /></td>
                            <td width="70" height="30" align="center">手机：</td>
                            <td width="400" height="30"><input name="med_mo" type="text" id="med_mo" style="width:100px; height:18px; padding:0; margin:0" size="35" maxlength="33" /></td>
                      </tr>
                          <tr>
                            <td width="50" height="30">QQ：</td>
                            <td width="100" height="30"><input name="med_qq" type="text" size="35" maxlength="33" style="width:100px; height:18px; padding:0; margin:0" id="med_qq" /></td>
                            <td width="70" height="30" align="center">MSN:</td>
                            <td width="400" height="30"><input name="med_msn" type="text" size="35" maxlength="33" style="width:100px; height:18px; padding:0; margin:0" id="med_msn" /></td>
                      </tr>
                          <tr>
                            <td width="50" height="30"><span>*</span>E_mail：</td>
                            <td width="100" height="30"><input name="med_email" type="text" size="35" maxlength="33" style="width:100px; height:18px; padding:0; margin:0" id="med_email" /></td>
                            <td width="70" height="30">&nbsp;</td>
                            <td width="400" height="30">&nbsp;</td>
                      </tr>
                          <tr>
                            <td width="50" height="30">地址：</td>
                            <td height="30" colspan="3"><input name="med_address" type="text" size="80" maxlength="78" style="width:280px; height:18px; padding:0; margin:0" id="med_address" /></td>
                      </tr>
                          <tr>
                            <td width="50" height="30" valign="top">备注：</td>
                            <td height="30" colspan="3"><textarea name="med_mess" cols="1" rows="1" style="width:280px; height:100px;" id="med_mess"></textarea></td>
                      </tr>
                          <tr>
                            <td width="50" height="30"></td>
                            <td height="30" colspan="3"><input type="submit"  onclick="javascript:return checkform();" value="  提交 " style="width:60px; height:25px; cursor:pointer" /></td>
                      </tr>
                      <tr><input type="hidden" name="hd"  value="submitok" />
                            <td height="100" colspan="4"></td>
                      </tr></form>
                  </table>

时间： 2024-08-03 15:30:06

js表单验证常用正则(邮箱，电话，手机）的相关文章

表单验证常用正则(强烈推荐大家收藏下)_正则表达式

1.^\d+$ //匹配非负整数(正整数 + 0) 2.^[0-9]*[1-9][0-9]*$ //匹配正整数 3.^((-\d+)|(0+))$ //匹配非正整数(负整数 + 0) 4.^-[0-9]*[1-9][0-9]*$ //匹配负整数 5.^-?\d+$ //匹配整数 6.^\d+(\.\d+)?$ //匹配非负浮点数(正浮点数 + 0) 7.^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0

表单验证常用正则(强烈推荐大家收藏下)

1.^\d+$ //匹配非负整数(正整数 + 0) 2.^[0-9]*[1-9][0-9]*$ //匹配正整数 3.^((-\d+)|(0+))$ //匹配非正整数(负整数 + 0) 4.^-[0-9]*[1-9][0-9]*$ //匹配负整数 5.^-?\d+$ //匹配整数 6.^\d+(\.\d+)?$ //匹配非负浮点数(正浮点数 + 0) 7.^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0

JS表单验证的代码(常用)_javascript技巧

注册验证: <script language="JavaScript" src="js/jquery-1.9.1.min.js" type="text/javascript"></script> //验证表单 function vailForm(){ var form = jQuery("#editForm"); if(!vailNickName())return; if(!vailPhone())re

轻松搞定js表单验证_javascript技巧

先看看效果图: html: 引入 <script src="/Scripts/jquery-1.10.2.js"></script> <script src="/Scripts/Validate-1.0.1.js"></script> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head ru

js表单验证实例讲解_javascript技巧

本文实例为大家分享了js表单验证,供大家参考,具体内容如下 JavaScript 可用来在数据被送往服务器前对HTML 表单中的这些输入数据进行验证. 被JavaScript 验证的这些典型的表单数据有: 1).用户是否已填写表单中的必填项目? 2).用户输入的邮件地址是否合法? 3).用户是否已输入合法的日期? 4).用户是否在数据域 (numeric field) 中输入了文本?  gspan.html <html> <head> <title>表单验证实例<

js 表单验证代码

  <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="conten

JavaScript 表单验证常用代码

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: •用户是否已填写表单中的必填项目? •用户输入的邮件地址是否合法? •用户是否已输入合法的日期? •用户是否在数据域 (numeric field) 中输入了文本? 下面是连同 HTML 表单的完整代码:  代码如下 复制代码 <html> <head> <script type="text/javascript&qu

jquery.validate.js表单验证插件的用法和入门范例

网上介绍的jquery.validate大部门只是介绍它的api和用法,没有一个完整的入门范例,有时候看半天才知道该怎么下手.因此为了快速了解学习,我弄了一个快速入门范例,虽然用的知识点不多,写的也不是很好,但是可以快速的入手. 以下是参考源码(下面有源码网上可以下载到在此不再提供): <html> <head>     <meta http-equiv="Content-Type" content="text/html; charset=utf

JavaScript---网络编程(12)--DHTML技术演示(5)-form表单验证技术(正则)

这里不进行很复杂的后台验证以及JavaScript的正则表达式,只是简单的介绍下这个技术,简单的后台接收与跳转,大概了解怎么验证的就可以.具体的技术,我后面还会继续写博客的.本人也还在学习中. 表单验证1-简单验证 进行简单的验证,用户名必须为abcd,密码长度必须大于等于6 然后根据用户输入的数据,在后面给出提示. 代码演示: <html> <head> <title>DHTML技术演示---表单验证</title> <meta http-equiv