Comment implémenter une vue de connexion en tant que boîte de dialogue jQueryUI dans ASP.Net MVC

Question

J'ai vu quelques exemples de choses similaires et j'ai également regardé l'application KiGG qui utilise également une boîte de dialogue pour afficher la connexion boîte. Je suis assez nouveau sur MVC mais je progresse bien et je cherche à ajouter un peu de bonbon pour une démo que je dois jouer la semaine prochaine.

Est-ce que quelqu'un a un exemple simple ou pourrait décrire les étapes que je dois suivre pour faire apparaître une vue de connexion dans une boîte de dialogue jQueryUI? J'ai certaines des pièces que je pense ... Je pense que j'ai besoin d'une vue partielle pour être dans la page maître (comme Kigg) de sorte qu'à tout moment je frappe un contrôleur qui a besoin d'authenication la page maître traitera .

Toute aide serait appreciée.

Answer 1

1. Créez un formulaire html normal dans votre boîte de dialogue jQuery UI. Exemple here. Relier jQuery Form pour soumettre le formulaire via ajax. Optionnellement, utilisez jQuery validation en combinaison. Exemple:

   La fonction isValid (formData, jqForm, options) { return $ (jqForm [0]). Valid(); }

   function loggedIn() { alert ("Vous êtes connecté"); }

   var formOptions = { beforeSubmit: isValid, succès: loggedIn, url: '/ votre/mvc/action/sur/login/contrôleur', tapez : 'post' };

   var validateOptions = { submitHandler: function (form) { jQuery (format) .ajaxSubmit (formOptions); $ ("# dialogue"). Dialogue(); }, messages: { courriel: "Le courriel est requis", mot de passe: "Mot de passe requis" } };

   $ ("# loginform"). Validate (validateOptions);

2. Créez une action de connexion sur votre contrôleur de compte, renvoyez JsonResult et publiez votre formulaire dans cette action (devrait être https).