JS实现邮箱验证（正则表达）

最新推荐文章于 2024-03-17 23:19:29 发布

Jade琛

最新推荐文章于 2024-03-17 23:19:29 发布

阅读量871

点赞数

分类专栏： js 文章标签：正则表达式 js

本文链接：https://blog.csdn.net/Jadeyqc/article/details/105691035

版权

js 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

oninput 事件在用户输入时触发。

该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。

test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

exec() 方法用于检索字符串中的正则表达式的匹配。

该函数返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。

<body>
    <input type="text"><strong></strong>
<script>
	var input = document.getElementsByTagName('input')[0];
	
	input.oninput = function(){
		var reg = /^[\w-]{3,12}@[\da-zA-Z]{2,6}\.[da-zA-Z]+$/;
		if(reg.test(this.value)){
		  this.nextElementSibling.innerHTML = '格式正确';
	    }else{
		  this.nextElementSibling.innerHTML = '请输入正确的格式';
		}
}
</script>
</body>

Jade琛

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JS实现邮箱验证（正则表达）

oninput 事件在用户输入时触发。该事件类似于onchange事件。不同之处在于 oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发。另外一点不同是 onchange 事件也可以作用于 <keygen> 和 <select> 元素。test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 ...
复制链接

扫一扫