javascript - 使提交输入不可点击

Question

我有以下输入：

<input type="submit" name="next" value="Next">

如何通过 jQuery 使该项目不可点击？（即，只有在满足某些验证条件后才能单击它）？

这是此问题的后续内容：在满足验证后使提交可点击

Answer 1

2 演示演示 1 点击此处： 或 演示 2 点击此处：

所以你只需要检查验证是否正确完成。

即if (notValid)夹在下面的代码中，这将禁用按钮。或者更好的是从禁用next按钮开始。

为了使您可以将属性设置为false，我相信您有一个好主意，否则提供更多代码；我很乐意为您提供进一步的帮助。B-)

希望这可以帮助！

$("#submit").prop('disabled', true);​

或者

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

Answer 2

$('input[name="next"]').prop('disabled', true);

Answer 3

您可以使用：

$("input[type=submit][name='next']").attr("disabled", "disabled");  // unclickable

$("input[type=submit][name='next']").removeAttr("disabled");    // clickable

Answer 4

禁用输入元素并不能始终阻止点击事件或其在浏览器中的进一步传播。

无论如何，如果验证失败，则简单地返回是合适false的，这样就不会执行操作（即表单提交）。这将阻止提交表单，并且由于单击处理程序仍在执行，您将能够向用户提供有关提交失败原因的详细信息：

$("#submit").click(function(){
    var isValid = true;
    /*perform validation checks, changing isValid value to false when needed*/
    return isValid; //will return false if validation fails etc.
});