码迷,mamicode.com
首页 > 其他好文 > 详细

表单验证(为后期功能完善添加)

时间:2017-08-03 01:05:24      阅读:193      评论:0      收藏:0      [点我收藏+]

标签:回车   blog   nbsp   rtt   手机号码   隐藏   value   div   自动   

一、表单验证是否输入为空,如果为空弹出alert。

function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
  {alert(alerttxt);return false}
else {return true}
}
}

二、验证表单填入邮箱格式是否正确

function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2) 
  {alert(alerttxt);return false}
else {return true}
}
}

(需要添加的功能还包括动态邮箱补全,地址连接http://www.jb51.net/article/97210.htm)

具体要实现的功能

  • 填写邮箱名字,出现下拉列表,自动补全邮箱
  • 点击上下按钮,选中下拉列表邮箱
  • 按回车键,选中类表内容,隐藏下拉列表
  • 鼠标经过,下拉列表设置为高亮
  • 鼠标点击选中下拉列表

(地址连接http://blog.csdn.net/poptxz/article/details/53054847)

三、电话号码的有效性的验证。

1、验证130-139,150-159,180-189号码段的手机号码

    <script type="text/javascript">
    var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
    if(!myreg.test($("#phone").val())) 
    { 
        alert(‘请输入有效的手机号码!‘); 
        return false; 
    } 
    </script>

2、验证号码的长度,以及是否为空

    function validatemobile(mobile) 
       { 
           if(mobile.length==0) 
           { 
              alert(‘请输入手机号码!‘); 
              document.form1.mobile.focus(); 
              return false; 
           }     
           if(mobile.length!=11) 
           { 
               alert(‘请输入有效的手机号码!‘); 
               document.form1.mobile.focus(); 
               return false; 
           } 
            
           var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; 
           if(!myreg.test(mobile)) 
           { 
               alert(‘请输入有效的手机号码!‘); 
               document.form1.mobile.focus(); 
               return false; 
           } 
       } 

 

表单验证(为后期功能完善添加)

标签:回车   blog   nbsp   rtt   手机号码   隐藏   value   div   自动   

原文地址:http://www.cnblogs.com/shuxiao3/p/7277291.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!