Boîte de dialogue jQuery UI sur le plugin jQuery Validation dans ASP.NET: cela peut-il fonctionner?

Question

J'essaie actuellement d'exécuter le plugin jQuery Validation dans une boîte de dialogue jQuery. Le code est en tant que telle dans la fonction document.ready:

$("#Dialog").dialog({ 
    bgiframe: true, 
    autoOpen: false, 
    height: 600, 
    width: 590, 
    modal: true, 
    resizable: false, 
    open: function (type, data) { 
     $(this).parent().appendTo("#aspnetForm"); 
    }, 
    close: function() { } 
}); 

$("#aspnetForm").validate({ 
    rules: { 
     <%=txtCode.UniqueID %>: { 
      required: true 
     }, 
     <%=txtDescription.UniqueID %>: { 
      required: true 
     }, 
     <%=txtMallCode.UniqueID %>: { 
      required: true 
     } 
    }, messages: {} 
}); 

Dans la fonction pageLoad, je:

$(".Add").unbind(); 
$(".Add").click(function (e) { 
    e.preventDefault(); 
    var ctrl = GetPrefixSuffix($(this).attr('id'), 'btnAdd'); 

    $("#Dialog").dialog('option', 'buttons', 
    { 
     'Add': function() { 
      if ($("#aspnetForm").validate()) { 
       //Do some stuff 
       $(this).dialog('close'); 
      } 
     }, 
     'Cancel': function() { 
      $(this).dialog('close'); 
     } 
    }); 
    $("#Dialog").dialog('open'); 
}); 

Je ne peux pas réellement la boîte de dialogue jQuery pour montrer des erreurs, mais il est arrêté par le conditionnel et ne ferme pas le dialogue. Comment puis-je le réparer?

Answer 1

Voir ici pour un exemple de travail: http://jsfiddle.net/ryleyb/HJFep/

principal changement - dans votre fonction Ajouter, j'ai changé le validate appel à valid (consultez la documentation du plugin de validation pour la différence). Je l'ai aussi fait renvoyer faux si le formulaire n'était pas valide.

Je ne comprenais pas particulièrement pourquoi vous avez eu la fonction ouverte pour votre dialogue:

open: function (type, data) { 
    $(this).parent().appendTo("#aspnetForm"); 
} 

donc ma réponse juste ignora ...