JQuery и JScript (проверка формы)

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(), но это также не сработало бы - элемент с идентификатором "пароль" не имеет свойства validatePassword.Это просто функция, которую вы можете вызывать по имени.

В качестве забавного факта, поскольку validatePassword хранится как глобальная переменная, фактически она хранится в window.Итак, $('#register').click(validatePassword) и $('#register').click(window.validatePassword) оба будут работать.