在项目应用中,为了判断输入内容是否符合要求,比如输入字符的长度格式等等,我们经常需要用到oninput这个监听函数,这里写个简单的实例分享给大家,希望能够给大家带来使用的方便!
<input type="text" id="names"> <span id="spans"></span>
document.getElementById("names").oninput=function(){ var length = this.value.length; var spans = document.getElementById("spans"); if(length<5){ spans.innerHTML="太短了"; } else if(length>10){ spans.innerHTML="太长了"; } else{ spans.innerHTML ="OK,正好!"; } }