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>