s mensagens de validação @JQuery são exibidas somente após vários envios
Estou tentando validar um formulário com o plug-in jquery-validate. A página html não mostra as mensagens de erro da validação até eu clicar em enviar duas vezes. Sei que o evento de envio está sendo recebido a cada clique (incluindo o primeiro) porque coloquei um alerta no javascript para verificar.
Também posso ver que o formulário foi enviado porque vejo os parâmetros aparecerem na barra de endereços após o primeiro clique. Preciso fazer algo para forçar a exibição das mensagens de erro pela primeira vez?
Aqui está adicionando a validação:
<script type="text/javascript">
$("form").submit(function() {
$("form").validate({
rules: {
match: "required",
limit: "required"
},
messages: {
match: "Please enter a match"
},
});
});
</script>
Here is a snippet of my form:
<form action="#">
<fieldset>
<legend>Smart Playlist</legend>
<div class="control-group">
<label class="control-label">
<input type="checkbox" name="match" value="match" class="chkbox"/>
</label>
</div>
</fieldset>
</form>