gpt4 book ai didi

javascript - 困惑的 Javascript 帖子

转载 作者:行者123 更新时间:2023-12-03 03:58:19 25 4
gpt4 key购买 nike

我有以下 html 数据。

@Html.BeginForm("LoginDetails", "Home", FormMethod.Post){

<body onload="makeCalls()" style="background-image: url('../../ImageIcons/FaceLoginBG.jpg'); background-size: cover; visibility:hidden">


<div class="captureAndCompareWindowForLogin" style="display: block; margin-left: auto;margin-right: auto;float: none;">
<div class="centerTitle">
<h3 style="color:white">Welcome</h3>
</div>


<div class="errText" id="errText" value="errText" visibility:hidden">Invalid Username and Password</div>
<form name="loginForm" id="loginForm">
@Html.Label("Username") <input type="text" id="userid" name="userid"/><br /><br />
@Html.Label("Password") <input type="password" id="pswrd" name="pswrd"/><br /><br />
<input type="button" id="btnLogin" onclick="check()" value="Login" class="btn-block">
</form>
</div>

<script type="text/javascript">
function check() {
/* the following code checkes if user is given access */
var userNameFromForm = document.getElementById("userid").value;
var passwordFromForm = document.getElementById("pswrd").value;
var lower = userNameFromForm.toLowerCase();

if (userNameFromForm === "") {
alert("please enter your username");
}
if (passwordFromForm === "") {
alert("please enter your password");
}
//Display error message, reset the form and select the userid textbox
else {
console.log(document.getElementById("loginForm"));
document.getElementById("loginForm").submit();

}
}
</script>


</body>
}

当我单击按钮时,没有空白的用户名密码,它会给我适当的警报消息,但是,填写用户名和密码并点击提交会给我出现以下错误。

LoginHome:142 Uncaught TypeError: Cannot read property 'submit' of null.

请让我知道哪里出了问题以及如何解决。

谢谢

最佳答案

就您而言,问题在于您将表单包装在另一个表单中。请像这样使用它:

<body onload="makeCalls()" style="background-image: url('../../ImageIcons/FaceLoginBG.jpg'); background-size: cover; visibility:hidden">


<div class="captureAndCompareWindowForLogin" style="display: block; margin-left: auto;margin-right: auto;float: none;">
<div class="centerTitle">
<h3 style="color:white">Welcome</h3>
</div>


<div class="errText" id="errText" value="errText" visibility:hidden">Invalid Username and Password</div>
@using (Html.BeginForm("LoginDetails", "Home", FormMethod.Post, new { id = "loginForm" }))
{
@Html.Label("Username") <input type="text" id="userid" name="userid" /><br /><br />
@Html.Label("Password") <input type="password" id="pswrd" name="pswrd" /><br /><br />
<input type="button" id="btnLogin" onclick="check()" value="Login" class="btn-block">
}


</div>

<script type="text/javascript">
function check() {
/* the following code checkes if user is given access */
var userNameFromForm = document.getElementById("userid").value;
var passwordFromForm = document.getElementById("pswrd").value;
var lower = userNameFromForm.toLowerCase();

if (userNameFromForm === "") {
alert("please enter your username");
}
if (passwordFromForm === "") {
alert("please enter your password");
}
//Display error message, reset the form and select the userid textbox
else {
console.log(document.getElementById("loginForm"));
document.getElementById("loginForm").submit();

}
}
</script>


</body>

您的代码将向 Home/LoginDetails 网址提交表单。你在 HomeController 中的方法应该是这样的:

public ActionResult LoginDetails(string userid, string pswrd) 
{
//do something
}

关于javascript - 困惑的 Javascript 帖子,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44840625/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com