Question

I am making a web site using ASP.net, and i would like to make a nice login popup with JQuery ModalDialog (Or ajax…i don’t know much about ajax). I have a database containing every allowed users, and I would like to close the popup if the user successfully logged in (If not, i want the popup to stay, and display an error message). The problem is that My validation is done serverside, and JQuery runs on the client side.

Answer 1

the easiest way is to make a jQuery ajax call from inside your dialog , then a webmethod in code behind that listens to this ajax , the webmethod will return successful login , or unsuccessful and you handle removing the dialog client side

i’ll get some example code for you

        function fnValidateLogIn() {         
        $('#<%= lblLoginMessage.ClientID %>').text("");
        var email = $('#<%= txtEmail.ClientID %>').val();
        var pass = $('#<%= txtPass.ClientID %>').val();
        if (pass == "") {
            $('#<%= lblLoginMessage.ClientID %>').text("Please Enter A Password");
            return false;
        }
        else {
            $.ajax({
                type: "POST",
                url: "Login.aspx/LoginUser",
                data: "{'email':'" + email + "', 'pass' : '" + pass + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {
                    var obj = $.parseJSON(msg.d);
                    if (obj.login == "failed") $('#<%= lblLoginMessage.ClientID %>').text("Login Failed");
                    if (obj.login == "success") {
                        location.reload(true);   //you can hide popup instead of refreshing
                        window.location = $('.hidden_url').text();  //you can hid popup instead of redirect 
                    }
                }
           });
            return false;
        }
    }

CODE BEHIND:

       <System.Web.Services.WebMethod(EnableSession:=True)> _
       Public Shared Function LoginUser(email As String, pass As String) As String

        'code to validate user

       return "{ ""login "" : ""success"" }"  'example

THat is in VB.Net , but you can get the idea