gpt4 book ai didi

asp.net-mvc-4 - 表单提交后如何禁用按钮或更改值

转载 作者:行者123 更新时间:2023-12-05 02:23:29 25 4
gpt4 key购买 nike

我的 View 中有这段代码

<h2>@ViewBag.FileContent</h2>
@using (Html.BeginForm("ShowWebSiteLinks", "Home"))
{
<label>WebSite URL:</label>
<input type="text" id="ft" name="fturl" value="http://localhost/search/?sr=100" style="width:350px"><br>

<label>Save to file:</label>
<input type="text" id="filename" name="links_filename" value="links.txt" style="width:200px"><br>
<input id="btnSubmit" type="submit" value="Start" />
}

单击提交按钮后, Controller 调用功能正常,但提交按钮保持启用状态。我想防止多次点击按钮并想禁用它但不确定如何。我尝试使用此 javascript,但它不起作用。

$(document).ready(function () {
$('btnSubmit').click(function (e) {
$(this).attr('disabled', true);
});
});

有人可以帮我解决这个问题吗?

最佳答案

您的 javascript 几乎是正确的,但是选择器是错误的。试试这个:

$(document).ready(function () {
$('#btnSubmit').click(function (e) {
$(this).prop('disabled', true);
});
});

注意选择器中的“#”。这告诉 jQuery 按元素 ID 查找。如果您不输入“#”,它将按元素名称查找(即“input”、“div”等...)

编辑:

这是一个很好的选择器备忘单:http://refcardz.dzone.com/refcardz/jquery-selectors

编辑 2:

更新为使用“$(this).prop(...)”而不是“$(this).attr(...)”

编辑 3:

我建议您将 javascript 代码放在页面末尾(而不是头部)。像这样:

<html>
<head>[...]</head>
<body>
[...]
<script type="text/javascript">
$(document).ready(function () {
$('#btnSubmit').click(function (e) {
$(this).prop('disabled', true);
});
});
</script>
</body>
</html>

关于asp.net-mvc-4 - 表单提交后如何禁用按钮或更改值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22273535/

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