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

 更新时间:2016年04月25日 11:20:49   作者:啊天啊哟  
本文给大家分享一段代码基于js实现EOS隐藏错误提示层,对eos隐藏提示层的相关知识感兴趣的朋友一起学习吧

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

//参数为消息提示层对应的对象,通常为表单里的对象
//特别注意:当使用扩展方法里的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隐藏错误提示层代码,希望对大家有所帮助!

相关文章

  • js表单序列化判断空值的实例

    js表单序列化判断空值的实例

    下面小编就为大家带来一篇js表单序列化判断空值的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • js 数组 find,some,filter,reduce区别详解

    js 数组 find,some,filter,reduce区别详解

    区分清楚Array中filter、find、some、reduce这几个方法的区别,根据它们的使用场景更好的应用在日常编码中。具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • 详解JS中定时器setInterval和setTImeout的this指向问题

    详解JS中定时器setInterval和setTImeout的this指向问题

    在js中setTimeout和setInterval都是用来定时的一个功能,下面这篇文章主要给介绍了JS中setInterval和setTImeout的this指向问题,文中通过示例介绍的很详细,有需要的朋友可以参考借鉴,一起来看看吧。
    2017-01-01
  • JS如何实现form表单登录验证并使用MD5加密详解

    JS如何实现form表单登录验证并使用MD5加密详解

    表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化,下面这篇文章主要给大家介绍了关于JS如何实现form表单登录验证并使用MD5加密的相关资料,需要的朋友可以参考下
    2023-06-06
  • bootstrap IE8 兼容性处理

    bootstrap IE8 兼容性处理

    这篇文章主要为大家详细介绍了bootstrap IE8 兼容性处理,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JavaScript实现轮播图方法(逻辑清晰一看就懂)

    JavaScript实现轮播图方法(逻辑清晰一看就懂)

    这篇文章主要给大家介绍了关于JavaScript实现轮播图方法的相关资料,JS轮播图的实现核心是使用JavaScript来控制图片的切换和显示,配合HTML和CSS完成布局和样式设置,文中介绍的方法逻辑清晰一看就懂,需要的朋友可以参考下
    2023-12-12
  • 纯JS单页面赛车游戏制作代码分享

    纯JS单页面赛车游戏制作代码分享

    这篇文章主要为大家分享了纯JS单页面赛车游戏制作代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js简易版购物车功能

    js简易版购物车功能

    这篇文章主要为大家分享了js简易版的购物车,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JavaScript实现简单轮播图效果

    JavaScript实现简单轮播图效果

    这篇文章主要为大家详细介绍了JavaScript实现图片轮播,左右翻转,图片切换显示等效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果

    JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果

    需求为当用户鼠标经过好友列表中好友头像时,显示该好友的基本资料,其实也就是类似QQ客户端的那种功能,下面是具体的实现思路及过程
    2014-07-07

最新评论