JS控制输入框，并固定光标focus到不合法的输入框

如果需要对每个输入框光标离开的时候就验证其格式，需要在input框中添加属性οnblur="checkinput1()"

然后在checkinput1()方法中写入改输入框的验证详情

然后可以在JS中声明一个变量和两个方法

var isFocus = "";

//用来检查isFocus的值，控制每次只显示一个输入框的提示信息
function checkIsFocus(controlObj){
	if(isFocus!=""){
		window.setTimeout(function(){isFocus.focus();}, 0);
	}else{
	  	window.setTimeout( function(){controlObj.focus();}, 0);
	  	isFocus = controlObj;
	}
}
//通用方法来显示相关输入框的提示信息
function setDisplay(inputId, innerHtml, color){
	document.getElementById(inputId).innerHTML=innerHtml;
	document.getElementById(inputId).style.color=color;
}

接着显示一个例子用来知名输入框不能为空(注意在正确输入的时候，也就是else的时候要将isFocus初始为空，供下一个input框来验证)

	function checkinput1() {
		var input1 = document.getElementById("input1");
		if(input1.value == ""){
    		checkIsFocus(times);
			if(isFocus == times){setDisplay("input1.info","测试次数不能为空。","red");}
			return;
		}else{
			document.getElementById("input1.info").innerHTML="";
			isFocus = "";
		}
	}

input标签下需要写一个span标签，用来显示错误信息

<span id="input1.info" style="display: block"></span>