Javascript Jquery-按钮不是';t单击后禁用
我试图在点击按钮后禁用它,但它不起作用。我在线查看了多个解决方案,但目前没有任何效果,所以我想知道我做错了什么 这是我的文件,在这里我尝试了@SLePort在答案中推荐的解决方案Javascript Jquery-按钮不是';t单击后禁用,javascript,c#,html,jquery,asp.net-mvc,Javascript,C#,Html,Jquery,Asp.net Mvc,我试图在点击按钮后禁用它,但它不起作用。我在线查看了多个解决方案,但目前没有任何效果,所以我想知道我做错了什么 这是我的文件,在这里我尝试了@SLePort在答案中推荐的解决方案 @model PIC_Program_1._0.Models.JobOrder @{ ViewBag.Title = "Change Status"; } <script type="text/javascript"> $('form').su
@model PIC_Program_1._0.Models.JobOrder
@{
ViewBag.Title = "Change Status";
}
<script type="text/javascript">
$('form').submit(function (e) {
e.preventDefault();
$('input[type="submit"]').prop("disabled", true);
})
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
@using PIC_Program_1._0.Models
<h2>Change Status</h2>
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.Raw(IGT.Format(WebUtility.HtmlDecode(Convert.ToString(Html.ValidationSummary(true, "", new { @class = "text-danger" })))))
<input type="hidden" name="origin" value="@ViewBag.Origin" />
<div class="form-horizontal">
<h4>Work Order</h4>
<br />
<p><b><u>Order Details:</u></b></p>
@{
if (Model.Status == JOStatus.Pending && Model.hasBeenStarted == false && Model.parentJobOrderID <= 0)
{
<div class="form-group">
@Html.LabelFor(model => model.dynamicOrder, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.EditorFor(model => model.dynamicOrder, new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.dynamicOrder, "", new { @class = "text-danger" })
</div>
</div>
}
else
{
@Html.HiddenFor(model => model.dynamicOrder)
}
}
<div class="form-group">
@Html.LabelFor(model => model.Status, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.DropDownListFor(model => model.Status, new SelectList(ViewBag.statusList, "value", "text"), new { @class = "form-control" })
@Html.ValidationMessageFor(model => model.Status, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.Details, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
@Html.TextAreaFor(model => model.Details, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.Details, "", new { @class = "text-danger" })
</div>
</div>
<form>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn" />
</div>
</div>
</form>
</div>
}
<div>
@Html.ActionLink("Back to List", "Index")
</div>
@model PIC\u Program\u 1.\u 0.Models.JobOrder
@{
ViewBag.Title=“更改状态”;
}
$('form')。提交(函数(e){
e、 预防默认值();
$('input[type=“submit”]').prop(“disabled”,true);
})
@使用PIC_程序_1._0.0模型
改变状态
@使用(Html.BeginForm())
{
@Html.AntiForgeryToken()
@Html.Raw(IGT.Format(WebUtility.HtmlDecode(Convert.ToString(Html.ValidationSummary(true)”,new{@class=“text danger”}()())
工单
订单详情:
@{
if(Model.Status==JOStatus.Pending&&Model.hasBeenStarted==false&&Model.parentJobOrderID Model.dynamicRecorder,htmlAttributes:new{@class=“control label col-md-2”})
@EditorFor(model=>model.dynamicRecorder,新的{@class=“form control”})
@Html.ValidationMessageFor(model=>model.dynamicRecorder,“,new{@class=“text danger”})
}
其他的
{
@Html.HiddenFor(model=>model.dynamicRecorder)
}
}
@LabelFor(model=>model.Status,htmlAttributes:new{@class=“controllabel col-md-2”})
@DropDownListFor(model=>model.Status,新建SelectList(ViewBag.statusList,“value”,“text”),新建{@class=“form control”})
@Html.ValidationMessageFor(model=>model.Status,“,new{@class=“text danger”})
@LabelFor(model=>model.Details,htmlAttributes:new{@class=“controllabel col-md-2”})
@Html.TextAreaFor(model=>model.Details,new{htmlAttributes=new{@class=“form control”})
@Html.ValidationMessageFor(model=>model.Details,“,new{@class=“text danger”})
}
@ActionLink(“返回列表”、“索引”)
以下是我尝试过的一些jquery方法
<script type="text/javascript">
$('form').submit(function () {
$(':submit').prop("disabled", "disabled");
})
$('input[type=submit]').one('submit', function () {
$(this).attr('disabled', 'disabled');
});
$('#form-group').one('submit', function () {
$(this).find('input[type="submit"]').attr('disabled', 'disabled');
});
</script>
$('form')。提交(函数(){
$(':submit').prop(“禁用”、“禁用”);
})
$('input[type=submit]')。一个('submit',函数(){
$(this.attr('disabled','disabled');
});
$(“#表单组”).one('submit',function(){
$(this.find('input[type=“submit”]).attr('disabled','disabled');
});
任何帮助都将不胜感激。请尝试添加一个
preventDefault()
以防止按钮在页面重新加载后消失,并使用真值设置禁用的道具:
$('form')。提交(函数(e){
e、 预防默认值();
$('input[type=“submit”]').prop(“disabled”,true);
})
是的,确实如此,所以奇怪的是为什么它在我的系统中不工作。也许只是需要一个干净的/重建的请注意我添加的
。你需要在你的代码中有一个来让它工作。是的,我添加了那个,但仍然没有运气。它没有在整个文件中添加任何唤醒,我只是将输入改为这个
,它工作了。谢谢你的帮助