如何获取工具提示以在现有 JS 函数中工作

how to get a tooltip to work inside an existing JS function?

本文关键字：JS 函数 工作 何获取 获取 工具提示      更新时间：2023-09-26

这是我的函数：

function passwordValidation(){
    var uname = document.getElementById("pword1").value;
    var pword = document.getElementById("cPassword").value;
    var matchCol = "#009900";
    var noMatchCol = "#CC0000";
    var noBg = "#FFFFFF";

    if (uname.length < 1){
        cPassword.style.backgroundColor = noBg;
        match = "";
    }else if (uname.length < 6){
            $('document').ready(function(){
                $('#myToolTip').tooltip();
            });
    }else if (pword.length < 1){
        cPassword.style.backgroundColor = noBg;
        match = "";
    }else if (pword1.value == cPassword.value){
        match = "Match!";
        cPassword.style.backgroundColor = matchCol;
    } else if  (pword1.value != cPassword.value){
        match = "No Match!";
        cPassword.style.backgroundColor = noMatchCol;
    }
    document.getElementById("combination").innerHTML = match;
}

这个函数在没有第一个 else if 的情况下工作正常。 但是一旦我包含它，什么都行不通。 有趣的是，如果我把 else 如果隔离在它自己身上，它也可以工作。 好吧，实际上，这有效：

$('document').ready(function(){
                $('#myToolTip').tooltip();

我怎样才能组合 2，以便当用户输入少于 6 个字符的内容时，工具提示会闪烁，告诉他们需要更改什么

这里不需要$(document).ready()，只需使用

else if (uname.length < 6){
    $('#myToolTip').tooltip();
}

（顺便说一句，如果您确实想要准备好文档，它不能在这样的 if 语句中，并且不应该在 document 位周围加上引号）

我认为你想要的是这个：

$(function() {
    $('#pword1').tooltip();
    $('#pword1').tooltip( "disable" );
    $(".ui-helper-hidden-accessible").hide();
});
function passwordValidation(){
    var uname = document.getElementById("pword1").value;
    var pword = document.getElementById("cPassword").value;
    var cPassword = document.getElementById("cPassword");
    var matchCol = "#009900";
    var noMatchCol = "#CC0000";
    var noBg = "#FFFFFF";
    var match ="";
    if (uname.length < 1){
        cPassword.style.backgroundColor = noBg;
        match = "";
    }else if (uname.length < 6){
        $('#pword1').tooltip( "enable" );
        $('#pword1').tooltip("open");
    }else if (pword.length < 1){
        cPassword.style.backgroundColor = noBg;
        match = "";
    }else if (pword1.value == cPassword.value){
        match = "Match!";
        cPassword.style.backgroundColor = matchCol;
    } else if  (pword1.value != cPassword.value){
        match = "No Match!";
        cPassword.style.backgroundColor = noMatchCol;
    }
    document.getElementById("combination").innerHTML = match;
}

加载页面时禁用工具提示。当用户单击验证按钮并满足条件时，将启用并显示它。

这是一个小提琴：http://jsfiddle.net/4wrj6da3/

相关文章：