jQuery removeAttr 或 prop 在 submitButtons 上不起作用？答案

【问题标题】：jQuery removeAttr or prop not working on submitButtons?jQuery removeAttr 或 prop 在 submitButtons 上不起作用？
【发布时间】：2014-12-15 11:31:18
【问题描述】：

你好，我在这里的表单处理有点问题。我尝试阻止提交按钮（ID：#submitForm），直到公式中的任何字段都已更改。这是我的 jQuery 代码：

// block submit until change
$('#submitForm').prop('disabled', true);
$(':input').change(function() {
    $('#submitForm').prop('disabled', false);
});

在网站上：

<input id="submitForm" type="submit" value="Send Form">

如果用户更改了任何其他输入字段，则应启用提交以发布更改，一个简单的警报“MSG”会很好，但不会释放禁用的属性。

非常感谢，博士

【问题讨论】：

似乎工作正常here。你把它包装成文档就绪事件了吗？
输入上的更改事件将在它们失去焦点时被触发。请改用input。 jsfiddle.net/MelanciaUK/5b3me4d8/1
Jip，它被包裹在 document.ready 中。
How to detect a textbox's content has changed的可能重复
应该没问题，所以问题一定出在您没有显示的代码中。旁注：即使提交按钮被禁用，如果用户在文本字段中按 Enter，某些浏览器也会提交一些表单（通常是只有一个 input[type=text] 的表单），因此您必须处理@987654327 @ 表单上的事件也是如此。

标签： javascript jquery

【解决方案1】：

感谢您的所有支持，很抱歉占用您的时间 - 问题是 同时使用 jQuery UI（它为按钮设置了额外的选项，但我没有不告诉你）。

我现在用给定解决方案的混合解决了这个问题：

// set the form(ID) submit to the button(ID) 
$("#ID_OF_THE_BUTTON").click(function() {
    $("#ID_OF_THE_FORM").submit();
});
// set submit button(s)
$("#ID_OF_THE_BUTTON").button();
// block submit until change
$("#ID_OF_THE_BUTTON" ).button("disable");
$(":input").on("input change paste", function() {
        $("#ID_OF_THE_BUTTON").button("enable");
});

..还有按钮：

<button id="ID_OF_THE_BUTTON">User eintragen</button>

现在表单的提交被阻止，直到任何给定表单元素的更改完成。

【讨论】：