1

我有两个文件。一个是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;
    }

}

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

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

4

1 回答 1

3

由于您的按钮是提交按钮,我认为它是在 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)在提交表单时执行(即单击提交按钮)。

于 2013-08-10T03:09:24.600 回答