jquery redirect after form submission

Question

I use codeignitor. Following is the jquery code I use for login form validation.

            $("#login_form").validate({
                errorPlacement: function(error, element) { },// Disable error messages
                debug:true,
                rules: {
                    username: 
                    {
                        required: true,
                        remote: 
                        {
                            url: "http://localhost/my_site/index_page/validate_username_password",
                            type: "post",
                            data: {
                            password: function(){ return $("#password").val(); } //Password is sent alongside the username
                            }
                        }
                    },
                password:{required:true}
                },
                highlight: function(username, errorClass) 
                {
                    $(username).fadeOut(function() 
                    {
                        $(username).fadeIn();
                    });
                },
                submitHandler: function(form) // CALLED ON SUCCESSFUL VALIDATION
                {
                    window.location.replace='http://localhost/my_site/index_page';
                }
            });

By this code, after success validation, I am expecting my page to get redirected to

http://localhost/my_site/index_page

but it is not.

I use codeignitor.

Submithandler fired. I used alert() to check it. No error in cosole/ Network tab. — Karthik, Apr 23 '14 at 11:49
What about using instead: `window.location.replace('...');` ?! — A. Wolff, Apr 23 '14 at 11:50
What authentication model is that? Are you sure the username/password is being returned successful? — user1641165, Apr 23 '14 at 11:51
user1641165, Authentication model? I just verified them in database, and returned json true. — Karthik, Apr 23 '14 at 11:57

score 1 · Accepted Answer · answered Apr 23 '14 at 11:52

1

window.location.replace() is a function, use it as:

window.location.replace('http://localhost/my_site/index_page');

answered Apr 23 '14 at 11:52

A. Wolff

74,033
9
94
155

score 0 · Answer 2 · edited May 23 '17 at 11:58

0

Check this link and see the proposed solutions.

Before jumping to any conclusion make sure submitHandler: function(form) {} is indeed fired.

edited May 23 '17 at 11:58

Community

1
1

answered Apr 23 '14 at 11:53

Avram Cosmin

383
7
8

score 0 · Answer 3 · answered Apr 23 '14 at 11:53

0

Try this:

Use

document.location='http://localhost/my_site/index_page';

instead of

window.location.replace='http://localhost/my_site/index_page';

in your code...

answered Apr 23 '14 at 11:53

ReNiSh AR

2,782
2
30
42

but that will add new entry in browser history – A. Wolff Apr 23 '14 at 11:54

jquery redirect after form submission

3 Answers3