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>

 

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