Question

我有这个文件js：

$('#btn_sa').click(function saluta(){
            var username = document.getElementById("Name").value;
            var password = document.getElementById("Password").value;
            var blocco = $("<div></br>Ciao </div>");
            console.log("funziona");
            if(password === "errata"){
                $(blocco).append(username);
                blocco.appendTo(document.body);
                document.getElementById("btn_sa").disabled = true;
                }else{
                $(blocco).css({
                    "color" : "red",
                    "font-size" : "10px"                    
                    });
                $(blocco).text("Password Errata");
                blocco.appendTo(document.body);
                }
            });

和html文件中的这个按钮：

<button id = "btn_sa">LOGIN</button>

当我运行html时，它导入文件js，但是当我点击按钮时没有任何反应。

有人可以帮助我吗？

Answer 1

我认为是因为DOM尚未完全加载....

$(document).on('click', '#btn_sa', function saluta(){
    var username = document.getElementById("Name").value;
    var password = document.getElementById("Password").value;
    var blocco = $("<div></br>Ciao </div>");
    console.log("funziona");
    if(password === "errata"){
        $(blocco).append(username);
        blocco.appendTo(document.body);
        document.getElementById("btn_sa").disabled = true;
        }else{
        $(blocco).css({
            "color" : "red",
            "font-size" : "10px"                    
            });
        $(blocco).text("Password Errata");
        blocco.appendTo(document.body);
        }
});

js文件没有＆＃34;＆＃34;见＆＃34; html中的id

1 个答案: