jQuery removeAttr或prop不能在submitButtons上工作?

时间:2014-12-15 11:31:19

标签: javascript jquery

那里, 我在这里遇到了一些问题。 我尝试阻止提交Button(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">

如果用户更改了任何其他输入字段,则应启用提交以发布更改,这是一个简单的警报&#34; MSG&#34;做得好,但没有释放残疾人财产。

非常感谢, DR

1 个答案:

答案 0 :(得分:0)

感谢您的支持并抱歉占用您的时间 - 问题是同时使用jQuery UI (它为按钮设置了其他选项,但我没有& #39;告诉你)。

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

// 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>

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