Question

我想在提交表单后使用jquery禁用或隐藏按钮。我尝试了一些解决方案，但没有任何反应。.我在页面中包含了js文件。

这是我的提交按钮代码：

 echo '<td>
           <a href="shortlist.php?vid='.$row["v_id"].'&uid='.$row["userid"].'"">
               <input type="submit" value="short list" id="shortlist" name="shortlist">
           </a>
       </td>';

这是我的jQuery代码.....

$('input:submit').click( function() {
    console.log("Form is submiting.....");
    $('input:submit').attr("disabled", true);
});

Answer 1

您应该使用type属性。

除类和id选择器外，CSS2还支持jQuery选择器。

$('input[type=submit]').attr("disabled", true);

[att = val]当元素的“ att”属性值完全相同时匹配 “ val”。

Reference:

Answer 2

您可以创建表单提交事件来实现这一目标，

$('form').on('submit', function(){
    $("input[type='submit']").attr("disabled", true);
});

然后为提交类型设置为输入的禁用属性。

Answer 3

您应该使用type属性，并且需要将disabled属性设置为'disabled'

$('input[type=submit').click(function(){
    console.log("Form is submiting.....");
    $('input:submit').attr("disabled", "disabled");
});

Answer 4

-bash: gulp: command not found

Answer 5

点击提交按钮后尝试使用此jquery代码，它将禁用。

$('input[type=submit').click(function(e){
            e.preventDefault();
            console.log("Form is submiting.....");
            $('#shortlist').attr("disabled", "disabled");
        });

如何禁用jQuery中的提交按钮？

5 个答案: