window.location.href not working

Vineet Basantani Published at Dev

142

Vineet Basantani

This is my script:

<script type="text/javascript">
    $(document).ready(function(){
        $("#login").click(function(){
            var user = $('#userID').val(); 
            var pass = $('#password').val();
            if (user === '' || pass === ''){
                alert("Please Fill Required Fields");
            } 
            else {
                alert (user+" " +pass);
                var x="<?php confirm();?>";
                alert (x);
                window.location.href = 'http://localhost/Annapoorna/Welcome_Page.php';
            }
        });
    });
</script>

And my HTML

<form class="login-form"> 
    <input type="text" placeholder="username" name="userID" id="userID"/>
    <input type="password" placeholder="password" id="password"/>
    <button id="login" name="login" value="login">Login</button>
</form>

The alerts are coming right but window.location.href is not redirecting to the specified page. Why?

Randy

Why it doesn't work

Display the href (URL) of the current page:

document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;

Result is:

Page location is http://www.yoururl.com/yourlocation

To make it work

To redirect to another page, you can use:

window.location="http://www.yoursite.com";

expand for working example

function Redirect() {
  window.location="http://www.yoursite.com";
}

    <html>
       <head>
                    
       </head>
       
       <body>
          <p>Click the following button, you will be redirected to home page.</p>
          
          <form>
             <input type="button" value="Redirect Me" onclick="Redirect();" />
          </form>
          
       </body>
    </html>

Collected from the Internet

Please contact [email protected] to delete if infringement.