javascript表单验证使用示例(javascript验证邮箱)


Posted in Javascript onJanuary 07, 2014

被 JavaScript 验证的这些典型的表单数据有:

用户是否已填写表单中的必填项目?
用户输入的邮件地址是否合法?
用户是否已输入合法的日期?
用户是否在数据域 (numeric field) 中输入了文本?
必填(或必选)项目

下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):

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

E-mail验证(验证邮箱)

下面的函数检查输入的数据是否符合电子邮件地址的基本语法。

意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:

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}
}
}

实例:

<html>
<head>
<script type="text/javascript">
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}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
  {email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit"> 
</form>
</body>
</html>
Javascript 相关文章推荐
js中将具有数字属性名的对象转换为数组
Mar 06 Javascript
javascript 基础篇2 数据类型,语句,函数
Mar 14 Javascript
JS获取后台Cookies值的小例子
Mar 04 Javascript
js实现人才网站职位选择功能的方法
Aug 14 Javascript
关于JavaScript的变量的数据类型的判断方法
Aug 14 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
详解jQuery uploadify文件上传插件的使用方法
Dec 16 Javascript
JS操作时间 - UNIX时间戳的简单介绍(必看篇)
Aug 16 Javascript
Node.js操作系统OS模块用法分析
Jan 04 Javascript
js 下拉菜单点击旁边收起实现(踩坑记)
Sep 29 Javascript
javascript实现简单页面倒计时
Mar 02 Javascript
在JavaScript中如何使用宏详解
May 06 Javascript
jquery统计输入文字的个数并对其进行判断
Jan 07 #Javascript
设置jsf的选择框h:selectOneMenu为不可编辑状态的方法
Jan 07 #Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
Jan 07 #Javascript
form表单action提交的js部分与html部分
Jan 07 #Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
Jan 07 #Javascript
javascript计时器事件使用详解
Jan 07 #Javascript
javascript创建和存储cookie示例
Jan 07 #Javascript
You might like
PHP array_push 数组函数
2009/12/26 PHP
分享下页面关键字抓取www.icbase.com站点代码(带asp.net参数的)
2014/01/30 PHP
PHP中ini_set和ini_get函数的用法小结
2014/02/18 PHP
php中header跳转使用include包含解决参数丢失问题
2015/05/08 PHP
统计PHP目录中的文件数方法
2019/03/05 PHP
jquery插件珍藏(图片局部放大/信息提示框)
2013/01/08 Javascript
Javascript中产生固定结果的函数优化技巧
2013/01/16 Javascript
nodejs获取本机内网和外网ip地址的实现代码
2014/06/01 NodeJs
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
JavaScript实现可拖拽的拖动层Div实例
2015/08/05 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
JS判断当前页面是否在微信浏览器打开的方法
2015/12/08 Javascript
jQuery div拖拽用法实例
2016/01/14 Javascript
js删除Array数组中指定元素的两种方法
2016/08/03 Javascript
Three.js基础部分学习
2017/01/08 Javascript
vuejs绑定class和style样式
2017/04/11 Javascript
Angularjs的键盘事件的绑定
2017/07/27 Javascript
js实现简单数字变动效果
2017/11/06 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
JavaScript new对象的四个过程实例浅析
2018/07/31 Javascript
JavaScript页面加载事件实例讲解
2019/09/01 Javascript
Node.js中console.log()输出彩色字体的方法示例
2019/12/01 Javascript
nodeJS与MySQL实现分页数据以及倒序数据
2020/06/05 NodeJs
原生JS实现弹幕效果的简单操作指南
2020/11/10 Javascript
wxPython窗口中文乱码解决方法
2014/10/11 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
pycharm 解除默认unittest模式的方法
2018/11/30 Python
python绘制无向图度分布曲线示例
2019/11/22 Python
馥蕾诗美国官网:Fresh美国
2019/10/09 全球购物
校本教研工作制度
2014/01/22 职场文书
教师师德演讲稿
2014/05/06 职场文书
领导干部廉政自律承诺书
2014/05/26 职场文书
移交协议书
2014/08/19 职场文书
考试没考好检讨书
2015/05/06 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
pytorch中Schedule与warmup_steps的用法说明
2021/05/24 Python