在validation完成后进行提交可点击

我有以下html：

Genre: {{ create_production_form.genre }}
 
Privacy: {{ create_production_form.privacy }}
 
 

只有在填写了流派和隐私后，我才能使next按钮可点击？ 例如，类似于：

 if ($("id_genre").val() && $("id_privacy").val()) { $("input[name=next]").attr("disabled","") } 

唯一的问题是，它需要’实时’，因此它可以检测何时填写所有这些字段。

Answer 1

武汉理工大学？ ‘event’处理委托，因此’event handler’需要有live()或on()具体取决于你正在使用的jQuery版本。 这意味着遗漏了等式的一个重要部分。

我所说的’事件’方法是submit ， change或click 。 您必须使用前面提到的live()或on()方法将代码委托给其中一个事件。

否则，如果您只是想简单地启用它们，那么数据就已经完成了。

 $('form :input').change(function(){ if ($("id_genre").val() && $("id_privacy").val()) { $("input[name=next]").attr("disabled","") } }); 

这将检查表单以查看输入是否更改，如果输入更改，它将测试值，您将获得结果。

Answer 2

假设它们都是文本输入，您可以在keyup上进行validation，否则validationchange也会有效。

Answer 3

尝试使用hover原因用户必须将鼠标hover在按钮上点击之前我希望它有所帮助

 $("input[name=next]").hover(function() { if ($("id_genre").val()!="" && $("id_privacy").val()!="") { $("input[name=next]").removeAttr("disabled") } }); 

Answer 4

  $('form').change(function() { if ($("id_genre").val().length > 0 && $("id_privacy").val().length > 0) { $("input[type='submit']").prop("disabled", false) } }) 

Answer 5

演示 http://jsfiddle.net/8AtAz/1/

在演示中，当您单击有效按钮时，它将启用下一个按钮：请知道我是否错过任何一点。

码

 $("input[type='submit']").prop('disabled', true); $("#valid").click(function() { $("input[type='submit']").prop('disabled', false); })​ 

或者在你的情况下

  if ($("id_genre").val() != "" && $("id_privacy").val() != "") { $("input[type='submit']").prop("disabled", false) }