Question

我正在编写代码来验证密码，虽然我对jquery和jscript很感到困惑。

这是我的功能：

function validatePassword(){
    var symbols = "!"; 
    var password0 = document.getElementById("password").value;
    if(password0.includes(symbols)){

        window.alert("sorry");
    }
    else{
        window.alert("good job!");
    }    }

代码在以下情况下运行良好：

document.getElementById("register").onclick = function() { validatePassword(); };

然而，在以下情况下它没有运行：

$( document ).ready(function() {
    $('[data-toggle="tooltip"]').tooltip({
        'placement': 'top',
    });

    $('#register').click(function() {
        ('#password').validatePassword();
    });
    }); });

任何人都可以解释原因吗？

Answer 1

您正在寻找的代码是

$( document ).ready(function() {
    $('[data-toggle="tooltip"]').tooltip({
        'placement': 'top',
    });

    $('#register').click(validatePassword);
});

您打算键入$('#password').validatePassword()，但这也不起作用 - ID为“password”的元素没有属性validatePassword。它只是一个可以按名称调用的函数。

作为一个有趣的事实，因为validatePassword存储为全局变量，它实际上存储在window中。因此，$('#register').click(validatePassword)和$('#register').click(window.validatePassword)都有效。

jquery和jscript（表单验证）

1 个答案: