Javascript Jquery-按钮不是';t单击后禁用

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

我试图在点击按钮后禁用它,但它不起作用。我在线查看了多个解决方案,但目前没有任何效果,所以我想知道我做错了什么

这是我的文件,在这里我尝试了@SLePort在答案中推荐的解决方案

 @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);
})


是的,确实如此,所以奇怪的是为什么它在我的系统中不工作。也许只是需要一个干净的/重建的请注意我添加的
。你需要在你的代码中有一个来让它工作。是的,我添加了那个,但仍然没有运气。它没有在整个文件中添加任何唤醒,我只是将输入改为这个
,它工作了。谢谢你的帮助