博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
bootstrap的select2校验及不影响原来的格式
阅读量:5094 次
发布时间:2019-06-13

本文共 1580 字,大约阅读时间需要 5 分钟。

 

校验jquery:

// select2校验:change        $(document).on("change", ".select2-offscreen", function () {            var value = $(this).val();            var id = $(this).attr("id");            if (value == null || value == "") {                $(this).addClass("myErrorClass");                $("#s2id_"+id).parent().addClass("has-error");            } else {                $(this).removeClass("myErrorClass");                $("#s2id_"+id).parent().removeClass("has-error");            }        });                // 提交按钮点击时,校验select2        function checkSelect2IsNull(){            var resultFlag = false;            var num = 0;            $("select.select2-offscreen").each(function(){                if($(this).hasClass("myErrorClass")){                    var id = $(this).attr("id");                    $("#s2id_"+id).parent().addClass("has-error");                    //$("#s2id_"+id).css("border-color", "red").css("border", "1");                    num++;                }            });            if (num == 0){                resultFlag = true;            } else {                resultFlag = false;            }            return resultFlag;        }

此时调用checkSelect2IsNull()方法,即可校验select2框是否为空!!!还不回影响原来的布局!!!

转载于:https://www.cnblogs.com/gmq-sh/p/4875412.html

你可能感兴趣的文章
【转载】基于vw等viewport视区相对单位的响应式排版和布局
查看>>
<转>关于MFC的多线程类 CSemaphore,CMutex,CCriticalSection,CEvent
查看>>
《你们都是魔鬼吗》实验十二 团队作业八:Alpha冲刺
查看>>
jquery中ajax返回值无法传递到上层函数
查看>>
[Leetcode]942. DI String Match
查看>>
css3之transform-origin
查看>>
1003 Emergency
查看>>
bm25
查看>>
Oracle 导入导出 创建用户等
查看>>
[转]JavaScript快速检测浏览器对CSS3特性的支持
查看>>
对接系统的一些思考
查看>>
exception from hresult:0x8000401A(excel文档导出)
查看>>
过年为什么要贴门神? 分类: 其他 2015-01-...
查看>>
android学习笔记--AlarmManager
查看>>
Robot Framework 源码解析(1) - java入口点
查看>>
UOJ#33. 【UR #2】树上GCD 点分治 莫比乌斯反演
查看>>
wpf 依赖性属性
查看>>
Python基础-数据类型
查看>>
精彩博文收集目录索引(程序猿就是我)
查看>>
Linux常用命令
查看>>