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