Question

我有以下输入：

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

如何通过jQuery使这个项目无法点击？（也就是说，只有在符合某些验证标准后才能点击）？

以下是此问题的后续问题：Make a submit clickable after validations are met

Answer 1

2个演示Demo 1 click here: 或 Demo 2 click here:

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

即。 if (notValid)查看下面的代码并禁用该按钮。或最好从禁用的next按钮开始。

要启用你可以将属性设置为false，我相信你会得到一个好主意，否则提供更多代码;我很乐意为您提供进一步的帮助。乙 - ）

希望这有帮助！

$("#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.
});

使提交输入无法点击

4 个答案: