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 时间显示效果代码
Aug 23 Javascript
js 动态加载事件的几种方法总结
Dec 25 Javascript
js之ActiveX控件使用说明 new ActiveXObject()
Mar 03 Javascript
Underscore.js常用方法总结
Feb 28 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 Javascript
JS中取二维数组中最大值的方法汇总
Apr 17 Javascript
JS定义类的六种方式详解
May 12 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
JavaScript对象的特性与实践应用深入详解
Dec 30 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
vue项目中运用webpack动态配置打包多种环境域名的方法
Jun 24 Javascript
vue data引入本地图片的两种方式小结
Nov 13 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
linux下 C语言对 php 扩展
2008/12/14 PHP
php面向对象全攻略 (四)构造方法与析构方法
2009/09/30 PHP
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
php常用Output和ptions/Info函数集介绍
2013/06/19 PHP
PHP Switch 语句之学习笔记
2013/09/21 PHP
php实现购物车功能(下)
2016/01/05 PHP
JQuery的Validation插件中Remote验证的中文问题
2010/07/26 Javascript
nodejs 后缀名判断限制代码
2011/03/31 NodeJs
jqgrid 表格数据导出实例
2013/11/21 Javascript
Jquery倒计时源码分享
2014/05/16 Javascript
DOM节点深度克隆函数cloneNode()用法实例
2015/01/12 Javascript
Bootstrap栅格系统使用方法及页面调整变形的解决方法
2017/03/10 Javascript
3分钟快速搭建nodejs本地服务器方法运行测试html/js
2017/04/01 NodeJs
基于js中style.width与offsetWidth的区别(详解)
2017/11/12 Javascript
实战node静态文件服务器的示例代码
2018/03/08 Javascript
Vue Element 分组+多选+可搜索Select选择器实现示例
2018/07/23 Javascript
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
JS监听组合按键思路及实现过程
2020/04/17 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
2020/07/20 Javascript
jQuery中getJSON跨域原理的深入讲解
2020/09/02 jQuery
解决VantUI popup 弹窗不弹出或无蒙层的问题
2020/11/03 Javascript
[01:10:16]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第一局
2016/02/27 DOTA
深入解答关于Python的11道基本面试题
2017/04/01 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
澳大利亚领先的运动鞋商店:Hype DC
2018/03/31 全球购物
巴西24小时在线药房:Drogasil
2020/06/20 全球购物
介绍一下gcc特性
2012/01/20 面试题
应届生财务管理求职信
2013/11/06 职场文书
关于倡议书的范文
2015/04/29 职场文书
高中团支书竞选稿
2015/11/21 职场文书
护士业务学习心得体会
2016/01/25 职场文书
golang为什么要统一错误处理
2022/04/03 Golang
win10蓝屏0xc0000001安全模式进不了怎么办?win10出现0xc0000001的解决方法
2022/08/05 数码科技