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

Question

下面的代码可在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...'" />

Answer 1

您的代码只是纯html和Javascript，与mvc无关。

无论如何，Chrome不允许您执行内联代码。内联JavaScript将不会执行

正确的方法：

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...';

    });

});