jquery newbie: combine validar com ocultar botão enviar
Eu sou novo em jQuery. Eu consegui validar para trabalhar com meu formulário (MVC 1.0 / C #) com isso:
<script type="text/javascript">
if (document.forms.length > 0) { document.forms[0].id = "PageForm"; document.forms[0].name = "PageForm"; }
$(document).ready(function() {
$("#PageForm").validate({
rules: {
SigP: { required: true }
},
messages: {
SigP: "<font color='red'><b>A Sig Value is required. </b></font>"
}
});
});
</script>
Também quero ocultar o botão Enviar para evitar que a síndrome do twitchy do mouse cause entrada duplicada antes que o controlador seja concluído e redirecionado (estou usando um padrão GPR). O seguinte funciona para esse fim:
<script type="text/javascript">
//
// prevent double-click on submit
//
jQuery('input[type=submit]').click(function() {
if (jQuery.data(this, 'clicked')) {
return false;
}
else {
jQuery.data(this, 'clicked', true);
return true;
}
});
</script>
No entanto, não consigo fazer com que os dois trabalhem juntos. Especificamente, se a validação falhar depois que o botão Enviar for clicado (o que acontece devido ao funcionamento do formulário), não será possível enviar o formulário novamente, a menos que faça uma atualização no navegador que redefina a propriedade 'clicada'.
Como posso reescrever o segundo método acima para não definir a propriedade clicadaa menos que o formulário valida?
Valeu.