javascript表单验证 javascript验证邮箱的例子

发布时间:2019-11-17编辑:脚本学堂
本文分享下javascript验证表单的例子,学习下javascript代码验证邮箱地址的方法,有需要的朋友参考下。

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}
}
}

javascript验证邮箱的例子例子:
 

复制代码 代码示例:
<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>