Javascript 单击表单中的“提交”按钮显示微调器加载程序
我试图显示微调器加载程序时,我点击提交按钮,但提交按钮不工作。微调器加载程序出现一段时间,但“提交”按钮未点击控制器方法。如果你有更好的登录方法,请指导我 这是我的按钮代码:Javascript 单击表单中的“提交”按钮显示微调器加载程序,javascript,jquery,asp.net,Javascript,Jquery,Asp.net,我试图显示微调器加载程序时,我点击提交按钮,但提交按钮不工作。微调器加载程序出现一段时间,但“提交”按钮未点击控制器方法。如果你有更好的登录方法,请指导我 这是我的按钮代码: <form action="@Url.Action("ForgotPassword","Account")" method="post"> <div class="form-row">
<form action="@Url.Action("ForgotPassword","Account")" method="post">
<div class="form-row">
<label class="form-side__form-group form-group col-md-12">
<input class="form-control" type="text" id="fname" name="email" placeholder="Email" value="@TempData[TempKeys.Email]">
</label>
</div>
<div class="d-flex justify-content-between align-items-center">
<button id="send-button" class="btn btn-primary form-side__btn" type="submit">Send
<div id="button-spinner" style="margin-left: 10px; width: 15px; height: 15px; display: none" class="spinner-border"></div>
</button>
</div>
<div class="form-side__password mt_20">
<h6>Already have an account? <a href="@Url.Action("Login", "Account")">Login</a></h6>
</div>
<p class="@TempData[TempKeys.ValidateClass]">@TempData[TempKeys.ValidateMessage]</p>
</form>
你的HTML中有表单标签吗?请编辑您的问题并添加表单标签,以便我们可以查看其属性。另外,请添加控制器方法的签名。是的,我正在使用表单标记和POST方法。Submit按钮未点击控制器方法。此外,在按钮标记中包含div标记是非法的HTML。我已经编辑了这个问题。你能发布你的控制器方法标题吗?
$(document).ready(function () {
$('#send-button').click(function () {
$('#send-button').attr('disabled', true);
$('#button-spinner').show();
setTimeout(function () {
$('#button-spinner').hide();
}, 2000);
});
});