JS实现邮箱验证(正则表达)

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>

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章