Fatal编程技术网
  • javascript/
  • Javascript 当窗体'；是作为部分页面的一部分加载的吗？

Javascript 当窗体'；是作为部分页面的一部分加载的吗？

javascript

Javascript 当窗体'；是作为部分页面的一部分加载的吗？,javascript,Javascript,我有以下一页： <!doctype html> <html lang="en" class="darkBlue"> <head> </head> <body> @RenderSection("Content") <div class="loading-mask" id="loading-mask" style="display: none;"> <span>Authenticati

我有以下一页：

<!doctype html>
<html lang="en" class="darkBlue">
<head>
</head>
<body>
    @RenderSection("Content")
    <div class="loading-mask" id="loading-mask" style="display: none;">
        <span>Authenticating ...</span>
    </div>
    <script type="text/javascript">
        (function() {
            document.getElementsByClassName('form')
                .addEventListener("submit", function () {
                    alert("hi");
                    document.getElementById("loading-mask").style.display = "block";
                }, false);
        })();
    </script>
</body>
</html>


@渲染部分（“内容”）
验证。。。
（功能（）{
document.getElementsByClassName（'form'）
.addEventListener（“提交”，函数（）{
警报（“hi”）；
document.getElementById（“加载掩码”）.style.display=“块”；
}，假）；
})();
这一部分是：

@{ Layout = "~/Views/Account/Layout.cshtml"; }  
@section content {
   <form action="/Account/Login" class="form" method="post">
      <button type="submit" class="glossy">Login</button>
   </form>
}

@{Layout=“~/Views/Account/Layout.cshtml”}
@章节内容{
登录
}
我希望加载掩码div在按下submit时可见。然而，这似乎没有发生。这可能是因为我的部分文件尚未加载？有谁能给我一些建议，我怎样才能做到这一点吗？

试试使用

document.getElementsByClassName('form')[0]
而不是

document.getElementsByClassName('form')
这是因为返回一个对象而不是一个对象，就像这样。

尝试将
按钮更改为
输入