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

CoffeyLiu 2014-01-07

被 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>
CoffeyLiu

CoffeyLiu

相关推荐

GitHub提交时出错，提示需要验证邮箱verify email

根据如下图片进入图片提示的目录找到 .gitconfig 文件，将 helper = osxkeychain 更改为 helper = store即可解决问题。复制 id_rsa.pub 文件内容，登录 GitHub，点击用户头像→Settings→SSH

mmyCSDN / 0评论 2020-02-10

php实现验证邮箱格式的代码实例

验证邮箱格式是否正确可以通过filter_var函数来实现。filter_var() 函数通过指定的过滤器过滤一个变量。variable，（必需）规定要过滤的变量。filter，（可选）规定要使用的过滤器的 ID。检查每个过滤器可能的标志和选项。这里我们创

stulen / 0评论 2020-01-21

PHP利用缓存处理用户注册时的邮箱验证，成功后用户数据存入数据库操作示例

本文实例讲述了PHP利用缓存处理用户注册时的邮箱验证，成功后用户数据存入数据库。分享给大家供大家参考，具体如下：。$mail->Host = 'smtp.163.com'; //设置 SMTP 服务器,自己注册邮箱服务器地址。$mail-

hedongli / 0评论 2019-12-31

正则验证邮箱正确性

#[\w]匹配至少一个数字、字母、下划线的字符;[\W]不匹配“-“”字符；“.”匹配除了\n的任意字符 pattern = re.compile

luofuIT成长记录 / 0评论 2019-12-07

用户名、邮箱验证

<!

icewizardry / 0评论 2015-09-12

EasyUI DataGrid 编辑数据 加邮箱验证 Input 邮箱验证

var c = '<a href="#" onclick="cancelrow">取消</a>';<input type="text" validtype="

huzai / 0评论 2015-04-22

Javascript正则表达式验证账号、手机号、电话和邮箱的合法性

正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、replace、search 和 split 方法。验证规则：

sdnxiaotao / 0评论 2019-04-02

JS正则验证邮箱的格式

myreg.test) { alert('提示\n\n请输入有效的E_mail！'); myreg.focus(); returnfalse; } } //由于方法相同，一下只写出相关的

精通正则表达式 / 0评论 2013-09-23

jQuery_验证电话邮箱

//正确的联系方式：或者手机或者电话都可以。<input type="button" value="测试" onclick="check()"><br />

89203856 / 0评论 2013-04-27

正则表达式---手机，邮箱，固定电话格式的验证

)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;//邮箱格式的验证。varreg=/^[1][358]\d{9}$/;//验证手机号码13,15,18开头的是一位电话号。varm=/^\d{3}-\d{8}|\d{4}-\d{7}$/;//

peterwzc / 0评论 2011-11-23

JQuery的使用总结

var reg = /\w+*@\w+*\.\w+*/; //电子邮箱正则表达式。$.html("<span style=\"color: red;\">请输入正确邮箱！}2、当输入文本失去焦点时，验证密码是否为6

Gyc / 0评论 2011-09-08

验证邮箱、手机正则表达式

alert('提示\n\n请输入有效的E_mail！匹配前面的子表达式零次或一次；

丁耿佳 / 0评论 2011-07-07

可以直接发邮件的简洁课程表项目源码(Android应用源码)

本项目是一个关于课程表的项目源码，主界面只有一个我的课程界面，点击任意表格可以填写周一到周五的课程，每天最多8节。保存的时候邮箱会验证合法性，一开始的邮箱正则验证有问题我纠正了一下，另外发邮件界面弹不出输入法框来比较蛋疼，其余的功能还算正常，项目不大，比较

Lucianoesu / 0评论 2014-09-01

JavaScript简单验证表单空值及邮箱格式的方法

本文实例讲述了JavaScript简单验证表单空值及邮箱格式的方法。分享给大家供大家参考，具体如下：。<h3>（一）验证必填项是否有空值。<form action = "submitpage.html" onsubmi

CommputerMac / 0评论 2017-01-20

jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法

本文实例讲述了jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法。alert("请保证两次输入密码的一致性！<td><input type="text" name="usernam

87941037 / 0评论 2017-12-05

Python通过Django实现用户注册和邮箱验证功能代码

本文主要向大家分享了Python编程中通过Django模块实现用户注册以及邮箱验证功能的简单介绍及代码实现，具体如下。类似于用户登陆，同样在users.views.py中添加RegisterView类，其中对表单的get和post作出处理。如果是get方法

zlxcsdn / 0评论 2017-12-11

在Django中进行用户注册和邮箱验证的方法

本文主要介绍我在利用Django写文章时，采用的注册方法。首先说一下整体逻辑思路：。处理用户注册数据，产生token，生成验证URL，用户登录网址，进行验证，我们这里首先将is_acitve字段设为False，也就是说，必须经过后续的邮箱验证，才能够正常登

差沙 / 0评论 2016-05-09

jquery验证邮箱格式是否正确实例讲解

我们如果一个个的邮箱进行判断，显然是不可能的了。―个完整的Internet邮件地址由以下两个部分组成，格式如下：登录名@主机名.域名 中间用―个表示“在”的符号“@”分开，符号的左边是对方的登录名，右边是完整的主机名，它由主机名与域名 组成。其中，域名由几

前端档案 / 0评论 2015-11-16

jquery验证邮箱格式并显示提交按钮

简要教程简洁、大方和直观的用户界面是我们最喜欢的网页设计。本文介绍的正是这样的一个设计风格。如何才能做到页面的简洁大方并且人性化？大多数网站的表单采用文本提示的方法，提示用户哪里填写错了，哪里不正确，但我们应该能做得更好：填写不正确就不显示提交按钮！<

YUYISHARE / 0评论 2019-04-23

jQuery简单实现验证邮箱格式

在表单提交的时候可能需要用到邮箱验证代码，代码比较简单，就是邮箱格式的判断，如果说有难点可能就是关于正则表达式的使用，这里就不多说了，大家可以自行查询，下面就给出一段可以使用的验证代码，复制黏贴即可。以上所述就是本文的全部内容了，希望大家能够喜欢。

88487901 / 0评论 2019-04-21

JS正则验证邮箱的格式详细介绍

对于我们做WEB开发的，对表单的验证是必不可少的，所以今天把常用的一些验证罗列出来，呵呵，今天下午刚学的JS正则表达式，有什么不足的地方还希望大家批评指正。alert('提示/n/n请输入有效的E_mail！}二.解释相关的意义1. /^$/ 这个是个通用

ltswind / 0评论 2013-11-19

jquery validate添加自定义验证规则(验证邮箱 邮政编码)

邮编：<input type="text" value="" name="isZipCode" /><br /><br />

yaasshole / 0评论 2013-12-04

jquery验证手机号码、邮箱格式是否正确示例代码

//$.html("<font color='red'>邮箱地址不能为空！alert("手机号码不能为空！

zhaoxinglei00 / 0评论 2013-07-28

JQuery调webservice实现邮箱验证(检测是否可用)

return "该邮箱已存在请重新输入";

舜岳 / 0评论 2013-05-21

yii2.0实现验证用户名与邮箱功能

<p>Please fill out the following fields to signup:</p>

xiaoxingyun / 0评论 2019-04-12

Ajax邮箱、用户名唯一性验证实例代码

type: "post",url: "reg.ashx?email=" + $.trim($("#txtEmail").val()) + "&d=" + (+new D

Vertoria / 0评论 2017-10-26

php使用filter过滤器验证邮箱 ipv6地址 url验证

var_dump; //string "[email protected]"2、验证url地址。var_dump; //string "192.168.1.110"值的一提的是，这方法也可以用来验证ipv6。var_dump;

wangtengphp / 0评论 2013-12-25

jQuery验证手机号邮箱身份证的正则表达式（含港澳台）

自己对正则验证也没系统用过，这次自己做个demo，一下子把这些全都用上了，下次有需要直接来拿了。以下代码是在页面使用JQuery进行验证的，也有在后台进行验证的，可以试试，都一样的原理。　　　　var yidongreg = /^$/;　　　　var di

JessieJWang / 0评论 2016-10-10

日常收集JS邮箱验证正则表达式

按照DNS的标准,域名是不允许有下划线的。

jingan欢迎您来访 / 0评论 2019-04-04

PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)

前 言 直接上代码有点不厚道、于是按照天朝传统，整段描述吧。。。。 功 能 在网站注册用户时使用，主要为了无刷新异步验证用户输入的用户名或者Email是否已注册。--千万别忘记引用jQuery文件，否则无法执行-->. user="+$.v

缠中说禅 / 0评论 2011-12-28

Ajax实时验证用户名/邮箱等是否已经存在的代码打包

今天分享一个“利用Ajax技术来检测用户名是否存在”的例子。echo "<font color=red>用户名已存在</font>";但IE6之后开始有所改观。id="+username,true);/

wormIT / 0评论 2011-12-01

比较正宗的验证邮箱的正则表达式js代码详解

heshanking / 0评论 2012-09-04

正则表达式--QQ微信、优酷前端 邮箱正则表达式验证 Bug

[email protected]，也不能验证 [email protected] 。他们都不能验证一个字母的域名或一个字母的用户名。很久之前，最初写正则的程序员偷懒了，没有写 这样情况的正则表达式验证，他当时可能觉得这样的正则比较麻烦，而且可能这样的邮箱实在太少了，而后来

zjcheerup / 0评论 2011-10-09

AJAX和WebService实现邮箱验证(无刷新验证邮件地址是否合法)

首先在项目里面添加服务引用 ---------------------------验证 Email 地址是否正确.aspx----------------- 代码如下：。<asp:Button ID="Button1" runat

沐枫自然 / 0评论 2013-05-21

实例讲解PHP验证邮箱是否合格

在网站开发过程中，可能需要用PHP实现验证邮箱格式是否正确，那么我们就可以通过PHP中filter_var函数来实现。下面我们就结合具体的代码示例，给大家介绍PHP怎么验证邮箱是否合格。如果合格则返回true，否则返回false。这将导致默认情况下不进行过

phpyounger / 0评论 2019-04-02

thinkphp5使用bootstrapvalidator进行异步验证邮箱的示例

本文介绍了thinkphp5使用bootstrapvalidator进行异步验证邮箱的示例，分享给大家，具体如下：。verbose: false,代表js验证合法后再异步后台验证，这样减少服务器压力 data: {} ,默认传递的就是输入框的值，所以一般

PHP100 / 0评论 2019-03-28

PHP自带方法验证邮箱、URL、IP是否合法的函数

以前用PHP验证邮箱、URL、IP是否合法都是通过自己写正则来实现，但是有时候脑子发昏，可能会写出一个不是完全正确的正则，导致验证出错，今天发现原来PHP本身自带了验证邮箱、URL、IP是否合法的函数。主要使用的是filter_var函数。规定要过滤的变量

PHP100 / 0评论 2019-03-28

PHP邮箱验证示例教程

在用户注册中最常见的安全验证之一就是邮箱验证。根据行业的一般做法，进行邮箱验证是避免潜在的安全隐患一种非常重要的做法，现在就让我们来讨论一下这些最佳实践，来看看如何在PHP中创建一个邮箱验证。// If input not valid, go back t

PHP100 / 0评论 2019-03-28

PHP自带方法验证邮箱是否存在

PHP校验邮箱地址的方法很多， 比较常用的就是自己写正则了， 不过正则多麻烦， 我PHP自带了方法做校验。filter_var是PHP内置的一个变量过滤的方法， 提供了很多实用的过滤器， 可以用来校验整数、浮点数、邮箱、URL、MAC地址等。filter_

PHP100 / 0评论 2019-03-28

php验证邮箱和ip地址最简单方法汇总

在开发中验证邮箱、url、数字是我们常用的一些例子，下面整理了验证邮箱、url、数字程序，大家有兴趣可参考一下.$status = preg_match ( "/^([^:＼/＼/])+＼:＼/＼/[＼w-]+＼.[＼w-.＼?

PHP100 / 0评论 2019-03-28

验证：验证邮箱格式是否正确

使用正则表达式验证页面文本输入框，输入的数据为邮箱格式。这里只介绍正则表达式部分，其他部分的代码不做介绍。如有其它逻辑判断可自己添加。步骤一：建立一个页面可以是html、jsp等，引入jquery-3.2.1.min.js。

BitTigerio / 0评论 2018-01-06