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>