Question

这是我的功能：

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;
}

此功能正常工作，没有第一个if。但是一旦我把它包括在内，什么都行不通。有趣的是，如果我把别的东西隔离在它自己身上它也有效。实际上，这有效：

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

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

Answer 1

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

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

（顺便说一句，如果你想要一个文件准备就绪，它就不能在这样的if语句中，并且document位周围不应该有引号）

Answer 2

我认为你想要的是这个：

$(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/

如何在现有的JS函数中使用工具提示？

2 个答案: