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

如果需要对每个输入框光标离开的时候就验证其格式，需要在input框中添加属性onblur="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>