源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2020-04-16 00:33 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript表单验证使用示例(javascript验证邮箱)
被 JavaScript 验证的这些典型的表单数据有: 用户是否已填写表单中的必填项目? 用户输入的邮件地址是否合法? 用户是否已输入合法的日期? 用户是否在数据域 (numeric field) 中输入了文本? 必填(或必选)项目 下面的函数用来检查用户是否已填写表单中的必填(或必选)项目。假如必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否则函数的返回值则为 true(意味着数据没有问题):
[u]复制代码[/u] 代码如下:
function validate_required(field,alerttxt) { with (field) { if (value==null||value=="")   {alert(alerttxt);return false} else {return true} } }
[b]E-mail验证(验证邮箱) [/b]下面的函数检查输入的数据是否符合电子邮件地址的基本语法。 意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
[u]复制代码[/u] 代码如下:
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} } }
实例:
[u]复制代码[/u] 代码如下:
<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>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部