JavaScript:验证后如何重定向页面

时间:2011-05-11 03:35:12

标签: javascript html validation

我想在验证后重定向页面。我有ff。实施例:

form.html:

<form method="post" action="" enctype="multipart/form-data" onsubmit="return checkform(this);">
<p><span style="width:180px">Username: </span><input type="text" name="username" id='un'></p>
<p><span style="width:180px">Password: </span><input type="password" name="password" id='pw'></p>
<input type="submit" value="SUBMIT" />
</form>

脚本:

<script type='text/javascript'>
function checkform(){
    if(document.getElementById("un").value == 'jayem30' && document.getElementById("pw").value == 'jayem' ){
        alert("Login Successful");
        window.location = "http://www.google.com/"
    }else{
        alert("Access denied. Valid username and password is required.");
    }
}
</script>

我试过了,但它没有重定向到google.com。非常感谢您的帮助! :)

3 个答案:

答案 0 :(得分:4)

尝试将重定向置于超时状态。像魅力一样工作

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

顺便说一句,而不是

onsubmit="return checkform(this);"

使用

onsubmit="return(checkform())"

因为当你省略(和)时IE不喜欢。

答案 1 :(得分:0)

尝试使用document.location.href而不是window.location

答案 2 :(得分:0)

尝试此方法以在验证后重定向页面。

语法:

window.location.assign("url")

示例:

<script type='text/javascript'>

function checkform(){

    if(document.getElementById("un").value == 'jayem30' && document.getElementById("pw").value == 'jayem' ){
        alert("Login Successful");
        window.location.assign("http://www.google.com/")
    }else{
        alert("Access denied. Valid username and password is required.");
    }
}
</script>

这是一种工作方法。