jQuery MiniUI

标题: 表单验证使用tooltip提示问题 [打印本页]

---

作者: Aisin丿Gioro    时间: 2020-12-28 11:19:01     标题: 表单验证使用tooltip提示问题



表单设置了必填验证，默认鼠标滑过不显示tootip，当表单验证之后鼠标滑过时，表单也显示了tooltip。我看到验证完成以后会给表单加入data-tooltip属性，但是表单输入完以后验证也通过，那个必填验证的tooltip也还在没有移除掉。怎么可以统一设置一下每个表单控件验证通过后移除data-tooltip属性。
[attach]13094[/attach][attach]13095[/attach]

---

作者: felt    时间: 2020-12-28 14:23:15

提供例子看下，你是如何实现的tooltip

---

作者: Aisin丿Gioro    时间: 2020-12-29 09:05:43

felt 发表于 2020-12-28 14:23
提供例子看下，你是如何实现的tooltip

1. var tip = new mini.ToolTip();
   
2.     tip.set({
   
3.         target: document,
   
4.         placement: 'bottomleft',
   
5.         selector: '[data-tooltip], [title]',
   
6.         onbeforeopen: function (e) {
   
7.             var el = e.element;
   
8.             if(el.className.indexOf("mini") !== -1 && el.className.indexOf("mini-invalid") == -1){
   
9.                 e.cancel = true;
   
10.             }
    
11.         }
    
12.     });

复制代码

我是用这种方式实现的，但是好想有问题，我想的是验证完成后移除组件上的data-tootip属性

---

作者: felt    时间: 2020-12-29 10:14:59

Aisin丿Gioro 发表于 2020-12-29 09:05
我是用这种方式实现的，但是好想有问题，我想的是验证完成后移除组件上的data-tootip属性 ...

  var tip = new mini.ToolTip();
    tip.set({
        target: document,
        placement: 'bottomleft',
        selector: '.mini-error',
        onbeforeopen: function (e) {
            var el = e.element;
            tip.setContent("aaaA");
        }
    });
直接不通过的时候绑tooltip吧

---

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)

Powered by Discuz! X2