表单验证使用tooltip提示问题

Aisin丿Gioro

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

felt

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

Aisin丿Gioro

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

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吧