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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了表单验证(为后期功能完善添加)相关的知识,希望对你有一定的参考价值。

一、表单验证是否输入为空,如果为空弹出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; 
           } 
       } 

 

以上是关于表单验证(为后期功能完善添加)的主要内容,如果未能解决你的问题,请参考以下文章

element-ui表单验证(电话,邮箱)

easyui表单多重验证,动态设置easyui控件

el-table 添加表单验证

原生JavaScript判断是否为邮箱危险字符验证长度验证网址验证小数整数浮点数等常用的验证

Java itext为pdf 文件添加水印核心功能代码片段

如何给动态添加的form表单控件添加表单验证