用javascript转到另一个页面html

Question

我有两个文件。 一个是login.html ，它是一个带有表单的简单html5文件。

HTML

<form method="post" action="" name="form1">entre the pasword:
    <input type="password" name="code" placeholder="code" maxlength="6">
    <p class="submit">
        <input type="submit" name="commit" value="send" onclick="verif(document.form1.code)">
    </p>
</form>

第二个是我的javascript文件，代码如下：

function verif(inputtxt) {

    var pwd = "123456";
    if (inputtxt.value.match(pwd)) {
        window.location.href = 'Test.html';
    } else {
        alert('Code erron\351 ! ')
        return false;
    }

}

现在我的问题是当我输入我的密码时，如果它是错误的，应该出现指示错误的警告消息（它出现并且我没有问题），如果它是正确的 ，我应该被重定向到下一个页。 第二部分对我不起作用。

请帮忙，我已经坚持了两天了..

Answer 1

由于您的按钮是提交按钮，我认为它是在JS完成后提交表单，这可能是您没有被重定向到Test.html的原因（因为表单action属性没有任何值。）尝试下面的HTML表单代码，并检查这是否解决了问题。

<form method="post" action="" name="form1" onsubmit="verif(document.form1.code);return false;">entre the pasword:
    <input type="password" name="code" placeholder="code" maxlength="6">
    <p class="submit">
        <input type="submit" name="commit" value="send">
    </p>
</form>

return false; 在onsubmit属性中阻止表单的默认提交操作。 只要提交表单（即单击提交按钮verif(document.form1.code)就会执行verif(document.form1.code) ）。