window.location.replace()无法在表单中工作

时间:2016-02-05 13:42:12

标签: javascript html5 forms redirect modal-dialog

我正在尝试设置一个登录表单,在提交表单后将用户重定向到另一个页面。但是,window.location.replace()window.location.hrefwindow.open()似乎都无法正常工作,我无法弄清楚原因。我查看了开发人员工具,它没有给我任何错误。

这是javascript:

function loginUtente(){

    var email = document.getElementById('loginemail').value;
    var password = document.getElementById('loginpassword').value;

    var utente = localStorage.getItem(email);

    if( utente != null && JSON.parse(utente).password == password){
       window.alert("login effettuato!");
        window.location.replace("http:/www.google.it");
    }

    else{
        window.alert("Utente o password non corretti");
    }

    return false;

}

这是HTML:

        <form class="form-group" id="formlogin" onsubmit="loginUtente()">

            <label>Email</label>
        <div class="input-group">
            <div class="input-group-addon"><span class="glyphicon glyphicon-user"></span></div>
    <input id="loginemail" type="text" name="nome" class="form-control" placeholder="Indirizzo Email" required ></input>
        </div>

        <br>

        <label>Password</label>
    <div class="input-group">
         <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
    <input id="loginpassword" type="password" name="password" class="form-control" placeholder="Password" required>
    </div>

    </div>

    <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="submit" class="btn btn-success" ><span class="glyphicon glyphicon-send" ></span> Login</button>


        </form>

return false置于if中也不起作用。 Google网址当然是占位符网址。

1 个答案:

答案 0 :(得分:1)

在表单标记中,您错过了添加return语句:

 <form class="form-group" id="formlogin" onsubmit="return loginUtente()">

因此,提交表单时无需等待功能响应。并且不执行功能代码。