Valida em jquery

[bcs_ptx 0]

Pessoal, para validar meus formulários eu sempre fazia assim:

 

<script>
function validaProcedimento(){

	nomeDoFormulario = document.cadastro;
	
	if(nomeDoFormulario.paciente.value == ""){
		
		alert("O campo " + nomeDoFormulario.paciente.name + " deve ser preenchido!");
		nomeDoFormulario.paciente.focus();
		
		return false;
	}
	
	return true;
	
}
</script>

<form action="" method="post" onsubmit="return valida();" name="cadastro">

	<input type="text" name="paciente">
    <input type="submit"/>

</form>

mas agora queria que a mensagem ficasse mais agradável ao usuário, ai usei o jquery, mas como faço para validar com ele? ai segue meu código em jquery que só mostra a mensagem

 

<script type="text/javascript">
	$(document).ready( function(){				
		$("#alert_button").click( function(){
			jAlert('Registro incluido com sucesso!!!', 'Aviso');
		});
	});
</script>

<input id="alert_button" type="button" value="Show Alert" />

 

[William Bruno 1501]

vou reescrever o teu código:

<script>
jQuery(document).ready(function(){
    var $paciente = jQuery('input[name="paciente"]');
    jQuery('#cadastro').on('submit', function(){

        if($paciente.val() === "") {
            jAlert('Registro incluido com sucesso!!!', 'Aviso');

            $paciente.focus();
            return false;
        }
    });
});
</script>
<form action="" method="post" id="cadastro" name="cadastro">

    <input type="text" name="paciente">
    <input type="submit"/>
</form>

[bcs_ptx 0]

Valeu cara, era isso mesmo, só mais uma dúvida, para retornar o valor do campo que noa foi preenchido, eu fiz assim e retorna [object Object], sabe me dizer o porque?

 

jAlert('O campo' + $paciente + ' nao foi preenchido', 'Aviso');

[William Bruno 1501]

pq vc precisa acessar a propriedade que vc quer.

No caso é a propriedade name.

jAlert('O campo' + $paciente.attr('name') + ' nao foi preenchido', 'Aviso');