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之WEB开发调试利器:Firebug 下载
Jan 13 Javascript
DHTML Slide Show script图片轮换
Mar 03 Javascript
javascript 兼容FF的onmouseenter和onmouseleave的代码
Jul 19 Javascript
JQuery 无废话系列教程(一) jquery入门 [推荐]
Jun 23 Javascript
高效的获取当前元素是父元素的第几个子元素
Oct 15 Javascript
js转化毫秒为时间格式代码
Apr 10 Javascript
jQuery 获取/设置/删除DOM元素的属性以a元素为例
May 23 Javascript
理解javascript定时器中的setTimeout与setInterval
Feb 23 Javascript
jquery精度计算代码 jquery指定精确小数位
Feb 06 Javascript
Vue实现路由跳转和嵌套
Jun 20 Javascript
React服务端渲染(总结)
Jul 01 Javascript
详解vue v-model
Aug 31 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
无线电广播的开始
2002/01/30 无线电
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
使用JavaScript创建新样式表和新样式规则
2016/06/14 PHP
thinkPHP5.0框架独立配置与动态配置方法
2017/03/17 PHP
PHP使用PDO、mysqli扩展实现与数据库交互操作详解
2019/07/20 PHP
css3实现背景模糊的三种方式
2021/03/09 HTML / CSS
在IE下:float属性会影响offsetTop的取值
2006/12/22 Javascript
比较详细的javascript对象的property和prototype是什么一种关系
2007/08/06 Javascript
JavaScript null和undefined区别分析
2009/10/14 Javascript
js模仿hover的具体实现代码
2013/12/30 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
jQuery实现的调整表格行tr上下顺序
2016/01/10 Javascript
Angular 2 ngForm中的ngModel、[ngModel]和[(ngModel)]的写法
2017/06/29 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
Python抓取淘宝下拉框关键词的方法
2015/07/08 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
Python+Wordpress制作小说站
2017/04/14 Python
Python中对数组集进行按行打乱shuffle的方法
2018/11/08 Python
解决使用PyCharm时无法启动控制台的问题
2019/01/19 Python
浅析Python3中的对象垃圾收集机制
2019/06/06 Python
TensorFLow 不同大小图片的TFrecords存取实例
2020/01/20 Python
详解Python中namedtuple的使用
2020/04/27 Python
使用python采集Excel表中某一格数据
2020/05/14 Python
Python+PyQt5实现灭霸响指功能
2020/05/25 Python
Python Map 函数的使用
2020/08/28 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
捷克汽车配件和工具销售网站:TorriaCars
2018/02/26 全球购物
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
大学毕业自我鉴定范文
2014/02/03 职场文书
《风娃娃》教学反思
2014/04/19 职场文书
体育馆的标语
2014/06/24 职场文书
2015年团支部工作总结
2015/04/03 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
win11无线投屏在哪设置? win11无线投屏功能的使用方法
2022/04/08 数码科技