基于JS实现EOS隐藏错误提示层代码


Posted in Javascript onApril 25, 2016

废话不多说了,直接给大家贴代码了,具体代码如下所示:

//参数为消息提示层对应的对象,通常为表单里的对象
//特别注意:当使用扩展方法里的type=radio或者type=checkbox时,因为当时设置消息提示层的对象为obj.parentElement.parentElement,所以传入的对象也应为其上2级父节点
function hiddenMessageDiv(obj){
var div = obj.Eos_Message;
if(div!=null){
//将该对象从消息数组中移除,防止出现删除标签对象后导致普元Js报错Bug
Eos_All_Message.remove(obj);
//触发提示层的点击事件
div.click();
}
}
//补充添加单选及多选框自定义验证
//通用单选按钮验证 使用例子: extAttr="validateAttr=type=radio;"
function f_check_radio(obj){
//获取相同的name的Radio组
var radioNames = $names(obj.name);
var len = radioNames.length;
for(var i=0;i<len;i++){
if(radioNames[i].checked){
var div = obj.parentElement.parentElement.Eos_Message;
if(div!=null){//去除错误提示div
div.hidden();
}
return true;
}
}
//取parentElement.parentElement的目的是让提示消息显示在后尾
f_alert(obj.parentElement.parentElement,"该项为必选");
return false;
}
//通用多选按钮验证 使用例子: extAttr="validateAttr=type=checkbox;"
function f_check_checkbox(obj){
//获取相同的name的checkbox组
var checkboxNames = $names(obj.name);
var len = checkboxNames.length;
for(var i=0;i<len;i++){
if(checkboxNames[i].checked){
var div = obj.parentElement.parentElement.Eos_Message;
if(div!=null){//去除错误提示div
div.hidden();
}
return true;
}
}
//取parentElement.parentElement的目的是让提示消息显示在后尾
f_alert(obj.parentElement.parentElement,"该项为必选");
return false;
}

以上所述是小编给大家介绍的基于JS实现EOS隐藏错误提示层代码,希望对大家有所帮助!

Javascript 相关文章推荐
jQuery 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
jquery ajax同步异步的执行最终解决方案
Apr 26 Javascript
推荐8款jQuery轻量级树形Tree插件
Nov 12 Javascript
JavaScript实现向OL列表内动态添加LI元素的方法
Mar 21 Javascript
jQuery验证插件validate使用详解
May 11 Javascript
基于Turn.js 实现翻书效果实例解析
Jun 20 Javascript
js实现点击每个li节点,都弹出其文本值及修改
Dec 15 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
Mar 02 Javascript
vue实现全选、反选功能
Nov 17 Javascript
webpack学习教程之publicPath路径问题详解
Jun 17 Javascript
Three.js基础学习教程
Nov 16 Javascript
JS函数进阶之继承用法实例分析
Jan 15 Javascript
Bootstrap每天必学之按钮(Button)插件
Apr 25 #Javascript
第一章之初识Bootstrap
Apr 25 #Javascript
第二章之Bootstrap 页面排版样式
Apr 25 #Javascript
第三章之Bootstrap 表格与按钮功能
Apr 25 #Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 #Javascript
第四章之BootStrap表单与图片
Apr 25 #Javascript
第五章之BootStrap 栅格系统
Apr 25 #Javascript
You might like
php简单分页类实现方法
2015/02/26 PHP
PHP+ajax实现二级联动菜单功能示例
2018/08/10 PHP
JS 面向对象之神奇的prototype
2011/02/26 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
2011/05/05 Javascript
基于jQuery的input输入框下拉提示层(自动邮箱后缀名)
2012/06/14 Javascript
解决jquery1.9不支持browser对象的问题
2013/11/13 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
JQuery拖动表头边框线调整表格列宽效果代码
2014/09/10 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
Javascript 构造函数详解
2014/10/22 Javascript
jQuery获得子元素个数的方法
2015/04/14 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
深入理解Java线程编程中的阻塞队列容器
2015/12/07 Javascript
JS随机洗牌算法之数组随机排序
2016/03/23 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
第六章之辅组类与响应式工具
2016/04/25 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
vue2.0 和 animate.css的结合使用
2017/12/12 Javascript
JS+HTML5 Canvas实现简单的写字板功能示例
2018/08/30 Javascript
JS手写一个自定义Promise操作示例
2020/03/16 Javascript
跟老齐学Python之让人欢喜让人忧的迭代
2014/10/02 Python
为Python的web框架编写MVC配置来使其运行的教程
2015/04/30 Python
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
基于python的字节编译详解
2017/09/20 Python
HTML5边玩边学(1)画布实现方法
2010/09/21 HTML / CSS
西班牙著名的珠宝首饰品牌:P D PAOLA
2018/09/15 全球购物
C#面试常见问题
2013/02/25 面试题
园艺师求职信
2014/04/27 职场文书
火灾现场处置方案
2014/05/28 职场文书
领导干部保密承诺书
2014/08/30 职场文书
2015年网管个人工作总结
2015/05/22 职场文书
2015年国庆节寄语
2015/08/17 职场文书
送给教师们,到底该如何写好教学反思?
2019/07/02 职场文书
Vue vee-validate插件的简单使用
2021/06/22 Vue.js
python编程项目中线上问题排查与解决
2021/11/01 Python