javascript表单验证-邮箱验证
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script type="text/javascript">
function validate_email(field,text){
with (field){
// with就是类似C++的namespace，简单说就是命名空间，也就是说with的{}里面就不用再写 thisform.xxx 了，直接写 xxx就是意味着是thisform的
//这里的value=field.value
apos = value.indexOf("@");//获取“@”出现的位置
dotpos = value.lastIndexOf(".");//获取“.”出现的位置
if (apos<1||dotpos-apos<2){//做一个判断，输入的邮箱必须包含“@”符号和点号“.”同时“@”不可以是邮件地址的首字符，并且“@”之后需有至少一个“.”号：
alert(text);//如果条件成立，则弹出该提示框
return false;//这里的返回false,意味着严重失败
}else{
alert("提交成功\n\n点击确定继续")//如果条件不成立，则弹出该提示框
return true;//意味着验证成功
}
}
}
function validate_form(thisform){//因为onsubmit里调用了validate_form(this)，这里的this就是指form本身，thisform接收的就是这个form也可以改成form
with (thisform){
// with就是类似C++的namespace，简单说就是命名空间，也就是说with的{}里面就不用再写 thisform.xxx 了，直接写 xxx就是意味着是thisform的
//这里的email=thisform.email=form里name=email
if(validate_email(email,"请输入正确的邮箱地址")==false){//调用 validate_required 参数是thisform下面的name=email的标签的引用，另外一个参数是个字符串
email.focus();//如果validate_email返回false，就把焦点设定到email上
return false;//这里的返回false，意味着验证失败，表单不会被提交
}
}
}
</script>
</head> <body>
<form action="javascript:;" onsubmit="return validate_form(this)" method="post"><!--当提交表单时，先执行validate_form()。参数是该表单自己this-->
邮箱:<input type="text" id="email" name="email" size="50"/>
<input type="submit" value="提交" id="submit"/>
</form>
</body>
</html>
javascript表单验证-邮箱验证的更多相关文章
- 推荐几款很棒的 JavaScript 表单美化和验证插件
表单元素让人爱恨交加.作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅.登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能 ...
- JavaScript表单验证和正则表达式
JavaScript表单验证 分为四类: 1.非空验证 常用于用户名等 2.相等验证 常用于验证两次输入的密码 3.范围验证 常用于年龄等 4.正则验证 用于手机号,邮箱号等 以下是实例: <! ...
- JavaScript表单验证年龄
JavaScript表单验证年龄,判断一个输入量是否符合年龄,通过正则表达式实现. //检查年龄 function isAge(str){ var mydate=new Date; var now=m ...
- 前端工具 - 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
- 15个最佳的 JavaScript 表单验证库
客户端验证在任何项目都是不够的,因为 JavaScript 可以直接忽略,人们可以提交请求到服务器. 然而这并不意味着客户端验证都没必要了,很多时候我们需要在用户提交到服务器之前给予提示.JavaSc ...
- JavaScript 表单验证入门
JavaScript 表单验证 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单 ...
- JavaScript 表单验证 案例
JavaScript 表单验证 案例 版权声明:未经授权,严禁转载! 编写 HTML 文件,搭建主体界面 <html> <head> <meta charset=&q ...
- 10个强大的Javascript表单验证插件推荐
创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScri ...
- JavaScript 表单验证正则表达式大全
JavaScript 表单验证正则表达式大全[转载] 匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[ ...
- 如何在.Net Core MVC中为动态表单开启客户端验证
非Core中的请参照: MVC的验证 jquery.validate.unobtrusive mvc验证jquery.unobtrusive-ajax 参照向动态表单增加验证 页面引入相关JS: &l ...
随机推荐
- VSS Get Latest Version 没有提示recursive的对话框解决
今天按照VSS使用时,当“Get Latest version”时,不小心勾选了 “Only show this dialog when the Shift key is down”,因此当我再“Ge ...
- [转] What is Ec/Io (and Eb/No)?
PS:http://www.telecomhall.com/what-is-ecio-and-ebno.aspx If someone asks you "Which Signal Leve ...
- LINUX更改时区和时间
因为公司运营海外游戏,服务器也多数放在国外,有时候要求服务器时区和时间要与所服务的地区一致,这里就涉及到更改服务器时区和时间的问题: 下面以一台在美国的服务器为例,我们的IDC提供商是一家德国公司,服 ...
- oracle的一知半解
这里只讲第一次开发运用oracle数据库的.net程序遇到问题: 1.程序与oracle数据库在同一台的服务器,貌似设置好连接字符串就可以直接访问( 需要主要的问题: 字符串格式:Data Sourc ...
- Cors 跨域Access-Control-Allow-Origin
1.Access-Control-Allow-Origin 指定格式 The Origin header field has the following syntax: origin = " ...
- java日期处理总结（二）
aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAzUAAAG1CAIAAABPoU1KAAAgAElEQVR4nOy9e1xU1d747znP9/V9nu
- 纪录一个table元素里面的tr th td
<table border="1"> <tr> <th>name</th> <th>sex</th> < ...
- css动态样式
一种 var style=document.createElement("style"); style.type="text/css"; style.appen ...
- CentOS 6.5上安装Python 2.7.9
CentOS 6.6自带的是Python 2.6.6,而编译llvm需要Python 2.7以上. checking for python... /usr/bin/python checking fo ...
- redis数据结构HyperLogLog
如果我们要实现记录网站每天访问的独立IP数量这样的一个功能 集合实现: 使用集合来储存每个访客的 IP ,通过集合性质(集合中的每个元素都各不相同)来得到多个独立 IP ,然后通过调用 SCARD 命 ...