cómo desactivo el botón de enviar cuando el formulario se envía sin ningún error

Question

Quiero deshabilitar el botón de enviar cuando un usuario envía el formulario para que no haga clic dos veces en el botón de enviar.

Así que codifica la siguiente javascript en mi página

 

$(document).ready(function(){ 
    $("form").submit(function(){ 
     $("form").find('input[type=submit]').attr('disabled', 'disabled'); 
    }); 
}) 
 

Esto funciona muy bien. Pero cuando solicité la biblioteca jQuery validar y se añade el siguiente código

 

$(document).ready(function(){ 
    $("form").submit(function(){ 
     $("form").find('input[type=submit]').attr('disabled', 'disabled'); 
    }); 

    $("form").validate({ 
      errorClass: "jqueryError", 
      errorElement: 'label', 
      success: 'jqueryValid', 
      messages: { 
       TopicCategory: { 
        required: 'Please choose a category for topic.' 
       }, 
       TopicSubcategoryId: { 
        required: 'Please choose a subcategory for topic.' 
       }, 
       TopicTitle: { 
        required: 'Please enter a title for topic.' 
       } 
      } 
     }); 
}) 
 

El botón de enviar obtuve desactivado después de la presentación del modelo, incluso si hay entradas incompletas en la página web (es decir, la forma de errores y el usuario se le pide que rellene correctamente)
y cuando el usuario completa el formulario corrigiendo todos los errores, el botón de enviar está deshabilitado.

¿Cómo verifico primero si no hay errores en el formulario y luego deshabilito el botón de enviar y luego lo presento finalmente?

Gracias

Answer 1

Añadir el siguiente parámetro a jQuery Validar:

submitHandler: function(form) { 
    $(':submit', form).attr('disabled', 'disabled'); 
    form.submit(); 
} 

Answer 2

No he comenzado aún con jQuery. Pero creo, se puede hacer algo como esto:

$(document).ready(function(){ 
    $("form").submit(function(){ 
    }); 

    $("form").validate({ 
      errorClass: "jqueryError", 
      errorElement: 'label', 
      success: 'jqueryValid', 
      messages: { 
       TopicCategory: { 
        required: 'Please choose a category for topic.' 
       }, 
       TopicSubcategoryId: { 
        required: 'Please choose a subcategory for topic.' 
       }, 
       TopicTitle: { 
        required: 'Please enter a title for topic.' 
       } 
      } 
     $("form").find('input[type=submit]').attr('disabled', 'disabled'); 

     }); 
}) 

Answer 3

No he utilizado el validador plugin de jQuery pero la lectura de los documentos aquí

http://docs.jquery.com/Plugins/Validation/validate

usted podría

1) DISA ble el botón de devolución de llamada en el submitHandler

2) dejar el código para desactivar existente, pero luego volver a habilitar el botón de devolución de llamada en el invalidHandler