* @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 显示的样式名称
*/
function addClass(targetId,className){
if(className!=undefined && className!=””){
$(“#”+targetId).removeClass();
$(“#”+targetId).addClass(className);
}
}
这段代码主要主要用于添加文本提示和样式问题。
对于select元素的验证代码
//select 选择框选择事件
if ($(this).is(“select”)) {
$(this).bind(“change”, function(){
var items=$(this).find(“option:selected”);
if(items!=undefined && items.length>=inputArg.min && items.length<inputArg.max){
//显示获得焦点文本
addText(inputArg.targetId, inputArg.onSuccessText);
//切换样式
addClass(inputArg.targetId, inputArg.onSuccessClass);
}else{
//显示获得焦点文本
addText(inputArg.targetId, inputArg.onErrorText);
//切换样式
addClass(inputArg.targetId, inputArg.onErrorClass);
}
});
}
这段代码用于验证select选择框元素，支持多项选择验证。
(五). 验证使用例子
文本框输入验证
当输入的内容长度不符
输入的字符串满足当前要求提示
当不输入文本的时候验证
对于数字的验证
获得焦点提示问题
输入的数字不满足范围
