Jquery - Um evento pra cada item no formulario

[Modugno 4]

Galera, to com um probleminha, acontece que eu gostaria que apenas quando eu termina-se de preencher, selecionar e escolher a foto pra capa do post, o botão de publicar fosse habilitado, no JSFiddle o script não ta rodando como eu gostaria, mas aqui no localhost ele faz, porem não como eu gostaria!

Eu preenchendo um dos campos, ele ja habilita o campo pra mim, sendo que gostaria que habilita-se todos, quando é formulario apenas com input[type=tex] fica facinho ter o resultado esperado, mas no caso tem o input[type=file] e um select, e isso me fode na hora de chamar os eventos e execultar tudo de uma vez. Segue o script..

 

http://jsfiddle.net/8Hd7r/

[casipe 10]

Apreseanta aí, o seu código

 

 

Peguei o codigo lá no "JSFiddle" e fiz algumas mofificações para funcionar como vc descreveu.

 

 

 

Detalhe: use o JQuery versão 1.7.1

 

 

<form id='formPost'>
<input type='text' placeholder='titulo' id='titulo'><br/>
<select id='catPost' name='catPost'>
<option value='' selected='selected'>[Selecione uma categoria]</option>
<option value='Noticia'>Notícias</option>
<option value='Video'>Vídeos</option>
</select><br />
<input type='file' id='thumb'><br/>
<input type='submit' value='Publicar' id='publicar'>
</form>

 

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>

<script>
    $(document).ready(function(){
        $("#publicar").attr('disabled', 'disabled');
        $("#formPost input[type=text], input[type=file], select").live({
            keyup: function(){
                var empty = false;
                if($("#titulo").val() == '') {
                    empty = true;
                }
                if(empty) {
                    $("#publicar").attr('disabled', 'disabled');
                } /*else {
                    $("#publicar").removeAttr('disabled');
                }*/
            },
            change: function(){ //Inverti a ordem entre categoria e a imagem
                var empty = false;
                if($("#catPost").val() == '') {
                    empty = true;
                }
                if(empty) {
                    $("#publicar").attr('disabled', 'disabled');
                }/* else {
                    $("#publicar").removeAttr('disabled');
                }*/
            },
            change: function(){//Troquei de "click" para "change"
                var empty = false;
                if($("#thumb").val() == '') {
                    empty = true;
                }
                if(empty) {
                    $("#publicar").attr('disabled', 'disabled');
                } else {
                    $("#publicar").removeAttr('disabled');
                }
            },
        });
        
    });
    </script>