//显示获得焦点文本
addText(inputArg.targetId,inputArg.onEmptyText);
//切换样式
addClass(inputArg.targetId,inputArg.onEmptyClass);
}else{
var targetValue=$(“#”+inputArg.comId).val();
var flag=false;
switch(inputArg.dataType){
case “text”:
if(inputArg.comType == “==”){
flag=value==targetValue?true:false;
}else if(inputArg.comType==”!=”){
flag=value!=targetValue?true:false;
}
break;
case “number”:
if(inputArg.comType==”==”){
flag=value==targetValue?true:false;
}else if(inputArg.comType==”!=”){
flag=value!=targetValue?true:false;
}else if(inputArg.comType==”>”){
flag=value>targetValue?true:false;
}else if(inputArg.comType==”>=”){
flag=value>=targetValue?true:false;
}else if(inputArg.comType==”<“){
flag=value<targetValue?true:false;
}else if(inputArg.comType==”<=”){
flag=value<=targetValue?true:false;
}
break;
case “date”:
break;
}
if(flag){
//显示获得焦点文本
addText(inputArg.targetId, inputArg.onSuccessText);
//切换样式
addClass(inputArg.targetId, inputArg.onSuccessClass);
}else{
//显示获得焦点文本
addText(inputArg.targetId, inputArg.onErrorText);
//切换样式
addClass(inputArg.targetId, inputArg.onErrorClass);
}
}
});
}
}
}
});
这段代码其实非常简单了，因为没有涉及到复杂的判断，只是在不同类型值之间的比较关系，同时也限定了比较的控件类型text 和 textarea 两种元素。这个大大简化了验证的复杂度。这段代码相对之间也有所精简，这里的精简不是对功能的减少，而是对代码的重构，方法的提取。这里面用到了上几篇文章的功用方法，用于添加文本和修改样式信息。
添加文本和样式信息 功用代码解析
/**
* 根据输入框的不同类型来判断
* @param {Object} flag
* @param {Object} inputArg
*/
function addMessage(flag,inputArg){
if(flag){
//显示正确信息文本
addText(inputArg.targetId,inputArg.onSuccessText);
//切换样式
addClass(inputArg.targetId,inputArg.onSuccessClass);
}else{
//显示错误信息文本
addText(inputArg.targetId,inputArg.onErrorText);
//切换样式
addClass(inputArg.targetId,inputArg.onErrorClass);
}
}
/**
* 给目标控件添加显示的文本信息
* @param {Object} targetId 目标控件id
* @param {Object} text 需要显示的文本信息
*/
function addText(targetId,text){
if(text==undefined){
text=””;
}
$(“#”+targetId).html(” “+text);
}
/**
* 切换样式
* @param {Object} targetId 目标控件id
* @param {Object} className 显示的样式名称
