请验证满足

Question

后，点击提交我有以下的html：

<p>Genre: {{ create_production_form.genre }}</p> 
<p>Privacy: {{ create_production_form.privacy }}</p> 
<p><input type="submit" name="next" value="Next" disabled="disabled"></p> 

我将如何让next按钮，点击类型和隐私被填充后，才？例如，像：

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

唯一的一点是，它会必须是“活”的，所以它可以检测当所有这些领域都充满

Answer 1

Wut？ '事件'处理代表团，所以'事件处理程序'需要有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上进行验证，否则验证change也可以。

Answer 3

尝试使用悬停造成用户悬停在该按钮之前点击我希望它能帮助

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