我想知道如何使用jQuery禁用按钮(不提交),而表单不验证与jQuery验证,但是当它确认,启用按钮。如何禁用按钮,而表单不验证与jQuery验证?
0
A
回答
0
$('#button').attr('disabled', 'disabled');
$("#myform").validate();
$("#submit").click(function() {
if ($("#myform").valid())
$('#button').removeAttr('disabled');
});
+0
谢谢!我实际上已将它绑定到模糊方法,它也可以工作,除非它不需要额外的按钮! – 2009-12-28 00:57:27
0
这样做有点棘手。我会建议尝试是结合一个change()
事件:
$(":input").change(function() {
$('#formid").validate();
if ($("#formid").valid()) {
$("#buttonid").removeAttr("disabled");
} else {
$("#buttonid").attr("disabled", true);
}
});
这种方法的缺点是,例如,如果一个文本字段不能为空白change()
事件不会被解雇,直到它失去对焦,这样按钮不会被取消。如果这对你很重要,你可以添加一个keydown()
事件。
+0
小字体错误 - 我认为第5行应该是'... removeAttr ...“。另外,如果有任何变化,您将动态添加输入字段,您可以使用jquery”live“方法而不是”change“来将列表添加到所有输入字段,甚至在页面加载后添加。 – 2009-12-28 00:40:18
相关问题
- 1. jQuery验证禁用提交按钮,直到表单验证
- 2. 如何验证表单,而不使用禁用按钮
- 3. 表单验证禁用按钮
- 4. 表单验证和禁用的按钮
- 5. 的JavaScript - 表单验证 - 禁用按钮
- 6. jQuery表单验证:关于模糊的单选按钮验证
- 7. jquery验证单选按钮
- 8. jQuery验证单选按钮
- 9. jquery单选按钮验证
- 10. jQuery验证单选按钮
- 11. jquery验证单选按钮
- 12. 禁用提交按钮jQuery验证
- 13. 验证表单与单选按钮
- 14. JQuery验证与多组单选按钮
- 15. 按钮点击jQuery表单验证
- 16. 提交按钮的jQuery表单验证
- 17. jquery验证不验证所有表单
- 18. jQuery表单验证不验证
- 19. JQuery验证:动态表单不验证
- 20. 如何禁用某些提交按钮的表单验证?
- 21. 验证单选按钮不工作jquery
- 22. 禁用jQuery验证与类=取消按钮不工作
- 23. 如何使用jQuery验证HTML表单上的单选按钮?
- 24. 使用jQuery验证插件验证单选按钮组
- 25. 验证多个单选按钮组使用jQuery验证器
- 26. JQuery表单向导验证:如何在“后退”按钮上跳过验证?
- 27. jQuery禁用按钮(不提交),直到字段验证+验证插件
- 28. 使用jQuery验证按钮单击
- 29. 使用jQuery验证单选按钮
- 30. 使用Jquery验证单选按钮集
请详细说明你想问什么? 你问这样的问题: 有一个表单有一个验证按钮,一旦表单已经验证你想启用一个“下一步”按钮,否则这个“下一步”按钮被禁用..或者你问别的东西... ! – 2009-12-27 23:45:10
哦,是的,我的坏。该表单有一个只执行一些JS的按钮,但在表单验证之前需要禁用该按钮。该按钮从禁用开始,只需要jQuery验证代码即可在整个表单验证后启用它。 – 2009-12-27 23:50:30