problem with javascript login & php mysql account check

JavaScript and client side scripting.

Moderator: General Moderators

problem with javascript login & php mysql account check

Postby adsegzy » Mon Sep 03, 2012 3:08 am

Hello there,

I have a site where i want my login form to be a pop up. i got a javascipt i like but am having problem editing it. The code is as below
Syntax: [ Download ] [ Hide ]
        <script>
        $(function() {
                // a workaround for a flaw in the demo system (http://dev.jqueryui.com/ticket/4375), ignore!
                $( "#dialog:ui-dialog" ).dialog( "destroy" );
               
                var email = $( "#email" ),
                        password = $( "#password" ),
                        allFields = $( [] ).add( email ).add( password ),
                        tips = $( ".validateTips" );

                function updateTips( t ) {
                        tips
                                .text( t )
                                .addClass( "ui-state-highlight" );
                        setTimeout(function() {
                                tips.removeClass( "ui-state-highlight", 1500 );
                        }, 500 );
                }

                function checkLength( o, n, min, max ) {
                        if ( o.val().length > max || o.val().length < min ) {
                                o.addClass( "ui-state-error" );
                                updateTips( "Length of " + n + " must be between " +
                                        min + " and " + max + "." );
                                return false;
                        } else {
                                return true;
                        }
                }

                function checkRegexp( o, regexp, n ) {
                        if ( !( regexp.test( o.val() ) ) ) {
                                o.addClass( "ui-state-error" );
                                updateTips( n );
                                return false;
                        } else {
                                return true;
                        }
                }
               
                $( "#dialog-form" ).dialog({
                        autoOpen: false,
                        height: 220,
                        width: 350,
                        modal: true,
                        buttons: {
                                "Login": function() {
                                        var bValid = true;
                                        allFields.removeClass( "ui-state-error" );

                                        bValid = bValid && checkLength( email, "email", 6, 80 );
                                        bValid = bValid && checkLength( password, "password", 5, 16 );

                                        // From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/em ... alidation/
                                        bValid = bValid && checkRegexp( email, /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i, "eg. ui@jquery.com" );
                                        bValid = bValid && checkRegexp( password, /^([0-9a-zA-Z])+$/, "Password field only allow : a-z 0-9" );

                                        if (bValid ) {
                                                window.location="user/home.php";
                                        }
                                        else{
                                                window.location="login_fail.php";
                                        }
                                },
                                Cancel: function() {
                                        $( this ).dialog( "close" );
                                }
                        },
                        close: function() {
                                allFields.val( "" ).removeClass( "ui-state-error" );
                        }
                });

                $( "#create-user" )
                        .button()
                        .click(function() {
                                $( "#dialog-form" ).dialog( "open" );
                        });
        });
        </script>
 

After entering the email and password, i want to use php to check if the account exists ans confirmed or not like this
Syntax: [ Download ] [ Hide ]
$confirm_login = mysql_query("SELSECT * FROM members WHERE email='$email' && password='$password' && confirm='Yes'");
 

if the account exists but not confirmed, i want it to say "Account not confirmed yet";
if is exists & confirm i want to redirect the page to "member_panel/home.php"
if account doesn't exist i want to redirect the page to "login_fail.php"

Pls how do i do this? better still i will appreciate a better way or script.

Thanks
adsegzy
Forum Contributor
 
Posts: 160
Joined: Tue Jul 28, 2009 9:26 am

Return to Javascript

Who is online

Users browsing this forum: Yahoo [Bot] and 3 guests