首页 / JAVASCRIPT / javascript – 点击时禁用提交按钮会阻止在Google Chrome上提交表单

javascript – 点击时禁用提交按钮会阻止在Google Chrome上提交表单

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 点击时禁用提交按钮会阻止在Google Chrome上提交表单，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含848字，纯文字阅读大概需要2分钟。

内容图文

我在我的asp.net mvc里面的布局视图中添加了以下脚本： – 

$(document).ready(function () {
    $('.btn.btn-primary').click(function () {
        $(this).prop("disabled", true);
        if (!$('form').valid()) {
            $(this).prop("disabled", false);
            return false;
        }
    });
    $('form').change(function () {
        $('.btn.btn-primary').prop("disabled", false);
    });

我的脚本的目的是禁用提交按钮,如果模型无效或用户更改表单值,则重新启用它们.以上脚本适用于IE& Firefox,但在Chrome上我无法提交表单,因为当用户点击提交按钮时,该按钮将被禁用,但不会提交表单.知道如何在Chrome上解决这个问题吗？

解决方法:

而是在按钮的单击事件中禁用按钮 – 在表单的提交事件中禁用它(您也可以在那里检查表单的有效性).

这样它将在所有浏览器中普遍使用.

<form action="http://www.microsoft.com">
  <input class="btn-primary" type="submit" value="submit"/>
</form>


$('form').submit(function() {
  $('input.btn-primary').prop("disabled", "disabled");
})

内容总结

以上是互联网集市为您收集整理的javascript – 点击时禁用提交按钮会阻止在Google Chrome上提交表单全部内容，希望文章能够帮你解决javascript – 点击时禁用提交按钮会阻止在Google Chrome上提交表单所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/699546.html

来源：【匿名】