window.location.assign

时间:2016-04-22 18:25:16

标签: javascript forms validation window.location

我试图创建一个检查输入的表单,查看它是否正确,然后加载一个新的网页,如果它是,但我的代码不工作,新页面没有加载即使输入正确。我正在使用window.location.assign来尝试实现这一目标。

以下是代码:

    <!DOCTYPE html>
    <html>
    <head>
        <title> INDEX </title>
        <meta charset="utf-8">
        <link type="text/css" rel="stylesheet" href="style.css">

        <script>
    function validateForm() {
        var x = document.forms["myForm"]["fname"].value;
        if (x == null || x == "this") {
            window.location.assign("http://www.google.com");  
        }   else {
                alert("Try again");
                return false;

            }
        }
    </script>
    </head>
    <body>

    <div id="center">
        <form name="myForm" action="demo_form.asp"
        onsubmit="return validateForm()" method="post">

        <p> type "this" </p> 
        <input type="text" name="fname">

        <input type="submit" value="Submit">
        </form>
    </div>

    </body>
    </html>

1 个答案:

答案 0 :(得分:0)

window.location.assign没有问题,你的代码有问题,如果你真的想要widow.location.assign工作试试这个 -

<div id="center">
    <form name="myForm" 
    onsubmit="return validateForm()">

    <p> type "this" </p> 
    <input type="text" name="fname">

    <input type="button" value="Submit" onclick="validateForm()">
    </form>
</div>