时间戳

首页 > 解决方案 > 如何禁用/启用表单的提交按钮

javascript - 如何禁用/启用表单的提交按钮

问题描述

我有一个非常简单的查询，我有一个包含提交按钮的大表单。现在我需要通过简单的 HTML 属性禁用页面加载按钮disabled="true"。现在，如果任何字段失败，我需要启用该按钮。

我可以通过keypress/keyup所有字段的绑定事件来实现这一点，如果其中任何一个具有值更新更改按钮的属性。

但不知何故，我觉得这对这个小成就来说是一件坏事。有人有什么建议吗？

我使用了以下工作正常的代码：

$('#SendForceMessage input[type="text"],#SendForceMessage input[type="file"],#SendForceMessage input[type="number"],#SendForceMessage textarea').on('change', function () {
  var value = $(this).val();
  if (value) {
    $('.keypress.disabled.redBtn').removeClass('disabled').attr('disabled', false);
  }
});

标签： javascriptjqueryhtml

解决方案

您可以通过使用 jQuery 来做到这一点

$('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $(':input[type="submit"]').prop('disabled', false);
        }
     });

推荐阅读