这次给大家带来怎样用JS验证E-mail格式，用JS验证E-mail格式的注意事项有哪些，下面就是实战案例，一起来看一下。
最近做了一个前端的项目，要求：输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号。
1：代码
利用JavaScript验证是否符合电子邮箱地址 // 创建第一个函数validate_emil()并包含两个参数 function validate_email(field, alerttxt) { with (field) { //利用indexOf() 方法返回某个指定的字符串值在字符串中首次出现的位置--定义一个变量apos将第一次出现的“@”赋值给apos apos = value.indexOf("@"); //利用lastIndexOf() 方法返回一个指定的字符串值最后出现的位置，在一个字符串中的指定位置从后向前搜索-- //stringObject.lastIndexOf(searchvalue,fromindex) //fromindex 可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 到 stringObject.length - 1。如省略该参数，则将从字符串的最后一个字符处开始检索。 dotpos = value.lastIndexOf("."); // 判断符合"@"的位置，或者"."的位置是否在"@"的后面 if (apos < 1 || dotpos - apos < 2) { // 利用alert()弹出一个警告窗来执行alerttxt的操作 // 邮箱地址不符合 alert(alerttxt); return false; } else { // 邮箱地址符合 return true; } } } // 创建第二个函数validate_form()并包含一个参数 function validate_form(thisform) { with (thisform) { if (validate_email(email, "Not a valid e-mail address!") == false) { // 利用focus()将输入焦点移至对象上 email.focus(); return false; } } } Email:
登录后复制
2：结果
下图则说明了自己输入的邮箱格式是准确的，至于存在不存在另当别论！
相信看了本文案例你已经掌握了方法，更多精彩请关注【创想鸟】其它相关文章！
推荐阅读：
Vue把html字符串转化为HTML步骤详解
$http方法传递json参数步骤详解
以上就是怎样用JS验证E-mail格式的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2763861.html
