在項(xiàng)目應(yīng)用中,為了判斷輸入內(nèi)容是否符合要求,比如輸入字符的長(zhǎng)度格式等等,我們經(jīng)常需要用到oninput這個(gè)監(jiān)聽(tīng)函數(shù),這里寫(xiě)個(gè)簡(jiǎn)單的實(shí)例分享給大家,希望能夠給大家?guī)?lái)使用的方便!
<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="太長(zhǎng)了"; } else{ spans.innerHTML ="OK,正好!"; } }