JS表单验证Email地址

表单验证操作在开发中经常遇到，下面以输入Email提交验证：
JS使用正则表达式验证输入数据格式：　/正则表达式/.test(验证的内容)
以上操作返回boolean型数据

<!--验证Email地址-->
<html>                                            <!--网页开始标记-->
<head>                                            <!--头标记--><title>ZhangZe</title><script language = "JavaScript">function validate(f){                // 定义函数，此时 f 表示 myformvar value = f.email.value;        // 取得输入内容if (!/^\w+@\w+.\w+$/.test(value)){ // 对输入内容进行正则验证alert("输入格式不正确！");       // 弹出警告框f.email.focus();                // 让焦点定位到email框f.email.select();                // 选择全部内容return false;                  // 返回false，表单不提交}return true;                        // 返回true，表单提交}</script>
</head>                                           <!--完结标记--><body>
<!--表单开始标记，按钮事件调用validate()函数进行验证，其中this表示当前元素，即此表单-->
<form action = "" method = "post" name = "myform" onSubmit = "return validate(this)">Email:<input type = "text" name = "email"><input type = "submit" value = "提交">
</form>
</body>
</html>                                           <!--完结标记-->

出现的问题：

1、正则表达式编写代码时一定要注意空格问题，这是与我编程风格有矛盾的地方。另外要注意结合(^和&)
2、当表单内容是单选按键或复选框，由于出现同名情况，所以要采用数组的方式进行操作。
3、而采用数组操作，编写循环代码时，这也是与编Java代码习惯矛盾的地方。非常容易顺手敲错！eg:for(int i = 0; i < document.myform.length; i++) // 错误！不要　int　类型

JS表单验证Email地址相关推荐

通用的JS表单验证插件代码
一个通用的JS表单验证插件代码.使用方法:第一步:需设定表单项数据类型,第二步:实例表单验证,验证错误提示说明(程序有自带相关错误提示,可自定义每项验证错误提示时文本,只需添加msg). [task] ...
JS表单验证(HTML+CSS+JS)详细教程
大家好,今天分享一个HTML+CSS+JS表单验证,这是我前两天学习的一个小demo,在这记录一下. 目录一.效果图二.介绍三.代码 (1)HTML (2)CSS (3)JavaScript J ...
js表单验证（常用的正则表达式）
js表单验证的正则表达式,test() 方法用于检测一个字符串是否匹配某个模式,如果字符串中含有匹配的文本,则返回 true,否则返回 false. 语法:let reg=/正则表达式主体/修饰符(可 ...
掌财社:html5中AmazeUI框架中JS表单验证实战案例展示！
今天和大家分享个有关于"html5中AmazeUI框架中JS表单验证实战案例展示!"这方面的相关内容知识,让大家对于html5中AmazeUI框架也可以有所了解! 1.需求做一个 ...
JS表单验证-12个常用的JS表单验证
JS表单验证-12个常用的JS表单验证表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1.长度限制 <p>1. 长度限制</p&g ...
anjular.js表单验证实例
应用声明,控制器 <form action="" method="post" id="myForm" name="logFo ...
js表单验证密码(确认密码)，密码长度至少8位，并且英文与数字组合
js表单验证密码(确认密码) 案例需求:在注册时,输入密码对其进行密码强度验证,并判断两次输入的密码是否一致.例如,密码长度至少8位,并且英文与数字组合. 代码实现 <p>输入密码:< ...
分享21个JS抽奖转盘特效，36个JS表单验证，31个JS进度条，总有一款适合您
分享21个JS抽奖转盘特效,36个JS表单验证,31个JS进度条,总有一款适合您下载链接:https://pan.baidu.com/s/1TWOGqes5J2baelO9qdItXg?pwd=ma ...
JS表单验证(HTML+CSS+JS)小实例【详细教程】
前言大家好,分享一个HTML+CSS+JS表单校验,包括页面的简单布局,样式渲染,还有基础的JS校验方法.希望大家喜欢!哈哈一.效果图二.介绍图标库使用Element-UI <!-- 引 ...
js表单验证确认密码输入一致
<form action="../01-自动轮播图片/图片自动轮播.html" onsubmit="return checkForm()" >用户名 ...

JS表单验证Email地址

JS表单验证Email地址相关推荐

最新文章

热门文章