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 相关文章推荐
javascript 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
Js callBack 返回前一页的js方法
Nov 30 Javascript
小议Javascript中的this指针
Mar 18 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
jQuery定义背景动态切换效果的方法
Mar 23 Javascript
JQuery包裹DOM节点的方法
Jun 11 Javascript
Vue DevTools调试工具的使用
Dec 05 Javascript
JS使用正则表达式获取小括号、中括号及花括号内容的方法示例
Jun 01 Javascript
浅谈JS和jQuery的区别
Mar 27 jQuery
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
vue实现搜索功能
May 28 Javascript
node.js中process进程的概念和child_process子进程模块的使用方法示例
Feb 11 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日期时间函数的高级应用技巧
2009/05/16 PHP
php 图片上添加透明度渐变的效果
2009/06/29 PHP
libmysql.dll与php.ini是否真的要拷贝到c:\windows目录下呢
2010/03/15 PHP
php中call_user_func函数使用注意事项
2014/11/21 PHP
php正则preg_replace_callback函数用法实例
2015/06/01 PHP
php面向对象与面向过程两种方法给图片添加文字水印
2015/08/26 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
真正的JQuery.ajax传递中文参数的解决方法
2011/05/28 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
javascript实现的固定位置悬浮窗口实例
2015/04/30 Javascript
JavaScript类型检测之typeof 和 instanceof 的缺陷与优化
2016/01/13 Javascript
js实现人民币大写金额形式转换
2016/04/27 Javascript
JS中的hasOwnProperty()和isPrototypeOf()属性实例详解
2016/08/11 Javascript
微信小程序 video详解及简单实例
2017/01/16 Javascript
JavaScript下拉菜单功能实例代码
2017/03/01 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
vue计算属性时v-for处理数组时遇到的一个bug问题
2018/01/21 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
vue实现模态框的通用写法推荐
2018/02/26 Javascript
Element Notification通知的实现示例
2020/07/27 Javascript
简单的连接MySQL与Python的Bottle框架的方法
2015/04/30 Python
Django使用Celery异步任务队列的使用
2018/03/13 Python
Python从Excel中读取日期一列的方法
2018/11/28 Python
树莓派使用USB摄像头和motion实现监控
2019/06/22 Python
CSS3 实现图形下落动画效果
2020/11/13 HTML / CSS
Subside Sports德国:足球球衣和球迷商品
2019/06/08 全球购物
斯洛伐克香水和化妆品购物网站:Parfemy-Elnino.sk
2020/01/28 全球购物
SQL SERVER面试资料
2013/03/30 面试题
应届生法律求职信
2013/10/22 职场文书
商务会议邀请函
2014/01/09 职场文书
公司年会演讲稿范文
2014/01/11 职场文书
幼儿园中班评语大全
2014/04/17 职场文书
大学生自我推荐信范文
2015/03/24 职场文书
开场白怎么写
2015/06/01 职场文书
详解MongoDB的条件查询和排序
2021/06/23 MongoDB