/**验证下拉框是否选择,是否为空
* zhangshuai
* 2018年11月26日 15:46
*说明:需要传入需要验证的下拉框id数组
*class='fa fa-times-circle' Font Awesome图标字体库
*
*/
var validateSelect=function () {
var objValid = new Object();
objValid.init= function(selectIds) {
objValid.selectIds=selectIds;
selectIds.forEach(function(id){
//提示信息,初始化时隐藏
var tip="<span style='display: none;' id='tip"+id+"'>"+
"<label class='error'> <i class='fa fa-times-circle'></i> 请选择</label></span>";
$("#"+id).after(tip);
});
}
objValid.valid=function() {
selectIds=objValid.selectIds;
var flag=0;//记录验证通过的下拉框个数。初始为0 全部通过则flag==selectIds.length
selectIds.forEach(function(id){
$("#"+id).blur(function(){
var select=$("#"+id).val();
if(select==''||select==null)
{
$("#"+id).next().show();
}
else{$("#"+id).next().hide();}
});
$("#"+id).change(function(){
var select=$("#"+id).val();
if(select==''||select==null)
{
$("#"+id).next().show();
}
else{$("#"+id).next().hide();}
});
var value = $("#"+id+" option:selected").attr("value");
if(value==""){$("#"+id).next().show();}
else{
$("#"+id).next().hide();
flag=flag+1;
}
});
if(flag==selectIds.length){
return true;}
else{
return false}
}
return objValid;
}
验证下拉框是否选择,是否为空
猜你喜欢
转载自blog.csdn.net/qq_36073688/article/details/84547303
今日推荐
周排行