服务器端模型验证通过后禁用 mvc 中的提交按钮

Question

我在控制器中有 java 脚本的客户端验证和模型状态验证，与文件附件相关。 单击后，我想禁用我的保存（提交）按钮。 我已经检查了与此相关的堆栈溢出链接中给出的所有解决方案。

$(document).ready(function () {
    $(".submitBtn").click(function () {
        $('input[type="submit"]').prop('disabled',true);
        $('#yourFormId').submit();
    });
});

MVC

public actionresult Save(LatestUpdatemaster objUpdate,HttppostedFileBase filename){
    string strResult="";
    strResult = Utility.UploadUpdateDocument(filename,foldername);
    if(strResult != "1"){
        ModelState.AddModelError("FileName",strResult);
    }
    else{
        //Save code...
    }
}

也试过这个，

$('#form').one('submit',function(){ $(this).find('input[type="submit"]).attr('onclick','his.style.opacity="0.6";retu‌​rn false;');

代码创建按钮

<input class="btn btn-primary" type="submit" value="Save" name="Save" id="Save" />

客户端 - 视图

$('#Save').click(function(e){
    Duplicatevalidation();
    if($'#Updatename').text().trim() == ''){
        e.preventDefault();
    }
});

如果我在客户端这样做，那么值将不会提交给控制器。 我也想完成服务器端模型验证 然后禁用两次不提交表单。 请指导。

Answer 1

你可以这样做

$(document).ready(function () {
     $(".submitBtn").click(function () {
        $(this).prop('disabled',true);
         $('#yourFormId').submit();
        });
     });