js实时监听输入字符串的长度

时间:2018-04-07 22:51:03 类型:JS/JQUERY
字号:    

在项目应用中,为了判断输入内容是否符合要求,比如输入字符的长度格式等等,我们经常需要用到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,正好!";
				}
		}