Question

我有以下HTML

<html>
    <table>
      <tr>
        <td><input type="text" id="txtFirst"/></td><td><input type="text" id="txtSecond"/> 
        </td>
     </tr>
    </table>
    <div id="divTooltip"></div>
</html>

Jquery的：

//验证文本框以删除HTML标记

    $(document).on('blur', 'input[type="text"]', function () {
        var isTags = isHTML($(this).val())

        //Function for checking the html tags
        function isHTML(str) {
            var a = document.createElement('div');
            a.innerHTML = str;
            for (var c = a.childNodes, i = c.length; i--;) {
                if (c[i].nodeType == 1) return true;
            }
            return false;
        }

        if (isTags == true) {
            //Clearing the tags
            $(this).val('');
            $('#divTooltip').html('Tags are not allowed')
        }
    })

我将在同一页面中使用Comboboxes，如果验证在这些组合框中失败，我将再次更改divTooltip的Html。

我想要的是，如果验证在任何控制中失败，那么divTooltip应该被用作审查控制的工具提示。此工具提示应该是一个引导动态。

请指导实现此目标。

Answer 1

要设置控件的工具提示，只需使用title属性，例如：

this.title = 'Tags are not allowed';

这适用于所有输入元素，包括select。

元素上的可配置工具提示

1 个答案: