ASP.NET MVC“提交”按钮在Chrome上不起作用

时间:2018-04-23 01:43:17

标签: c# asp.net-mvc forms form-submit submit-button

以下代码在IE上完美运行,但在Chrome中使用时,它不起作用。当我检查调试模式时,它不会触发MVC控制器(但在IE中它会执行)。有谁知道如何让它在Chrome中运行?

 <input type="submit" value="Create" id="btnSaveSubmit" name="btnSubmit" class="button" onclick="if (!($('#frID').valid())) { return false; } this.disabled = true; this.value = 'Saving...'" />

1 个答案:

答案 0 :(得分:0)

您的代码只是纯粹的HTML和&amp; Javascript,与mvc无关。

无论如何,Chrome不允许您执行内联代码。 Inline JavaScript will not be executed

正确的方法:

1)使用javascript:绑定事件监听器:

document.addEventListener('DOMContentLoaded', function() {
    var btn = document.getElementById('btnSaveSubmit');
    // onClick's logic below:
    btn.addEventListener('click', function() {
        if (!($('#frID').valid())){
            return false;
        }
        this.disabled = true;
        this.value = 'Saving...';
    });
});

2)使用Jquery:

$(document).ready(function() {
    $("#btnSaveSubmit).on('click',function(){

        if (!($('#frID').valid())){
            return false;
        }
        this.disabled = true;
        this.value = 'Saving...';
    });
});