基于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 相关文章推荐
js获取通过ajax返回的map型的JSONArray的方法
Jan 09 Javascript
js中创建对象的几种方式示例介绍
Jan 26 Javascript
js冒泡、捕获事件及阻止冒泡方法详细总结
May 08 Javascript
简介JavaScript中的getUTCFullYear()方法的使用
Jun 10 Javascript
JavaScript编写检测用户所使用的浏览器的代码示例
May 05 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
jQuery简单实现遍历单选框的方法
Mar 06 Javascript
浅谈Angular4实现热加载开发旅程
Sep 08 Javascript
Vue自定义指令封装节流函数的方法示例
Jul 09 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
Jul 31 jQuery
Vue 电商后台管理项目阶段性总结(推荐)
Aug 22 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
Yii结合CKEditor实现图片上传功能
2014/06/13 PHP
PHP使用MPDF类生成PDF的方法
2015/12/08 PHP
php 实现Hash表功能实例详解
2016/11/29 PHP
php 运算符与表达式详细介绍
2016/11/30 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
一次因composer错误使用引发的问题与解决
2019/03/06 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
JS 拼图游戏 面向对象,注释完整。
2009/06/18 Javascript
jQuery如何将选中的对象转化为原始的DOM对象
2014/06/09 Javascript
jquery获得当前html页面源码的方法
2015/07/14 Javascript
深入浅析search 搜索框的写法
2016/08/02 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
2017/01/14 Javascript
node使用Koa2搭建web项目的方法
2017/10/17 Javascript
在vue中使用v-bind:class的选项卡方法
2018/09/27 Javascript
跨域解决之JSONP和CORS的详细介绍
2018/11/21 Javascript
小程序自定义单页面、全局导航栏的实现代码
2019/03/15 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
python使用分治法实现求解最大值的方法
2015/05/12 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
python矩阵/字典实现最短路径算法
2019/01/17 Python
Python post请求实现代码实例
2020/02/28 Python
Python安装OpenCV的示例代码
2020/03/05 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
使用css3做0.5px的细线的示例代码
2018/01/18 HTML / CSS
挪威手表购物网站:Klokker
2016/09/19 全球购物
Vichy薇姿加拿大官网:法国药妆,全球专业敏感肌护肤领先品牌
2018/07/11 全球购物
英国名牌男装店:Standout
2021/02/17 全球购物
英语专业学生个人求职信范文
2014/01/06 职场文书
小学教师国培感言
2014/02/08 职场文书
中文教师求职信
2014/02/22 职场文书
政府班子四风问题整改措施
2014/10/04 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
初中学生操行评语
2014/12/26 职场文书
征求意见函
2015/06/05 职场文书
SQL Server中常用截取字符串函数介绍
2022/03/16 SQL Server