单击JavaScript按钮导航到另一个HTML页面

Question

我在HTML和JavaScript验证方面遇到了一些问题。所以基本上我有多个字段，我将在移动到另一个HTML页面之前执行验证。这是代码：

<fieldset>
    Name* <input id="name" type="text" name="name"> </input>
    NRIC/Passport No* <input id="nric" type="text" name="nric" > </input>
    <input id="btnSubmit" type="submit" value="Pay now!" onclick="validate()"/> 
</fieldset>

我的Javascript：

function validate(){
var name = document.getElementById('name').value;
var nric = document.getElementById('nric').value;
var submit = document.getElementById('btnSubmit').value;

if(name == null || name == ""){
    alert('Please enter your name. Do not leave it blank before proceed to the next field.');
}
else if(nric == null || nric == ""){
    alert('Please enter your NRIC. Do not leave it blank before proceed to the next field.');
}else{
    window.location.href = '../successful.html';
}
}

我尝试在转移到success.html之前执行验证。但是，当我尝试导航到另一个页面时，验证工作正在告诉我找不到网页。任何想法如何解决这个问题？

提前致谢。

Answer 1

window.location.href = '../successful.html';

以上这一行可以如下所示：

1. 我想导航到另一个文件window.location.href
2. 此文件位于我当前的文件夹
之外
3. 确切地说，一个文件夹向后../
4. 我要访问的文件名为successful.html

您的重定向将假设您拥有以下项目组织：

\...
    \MYPRECEDENTFOLDER
        successful.html
        \MYCURRENTFOLDER
            myCurrentfile.html

您必须检查成功位置的位置。另一个解决方案是调用绝对URL（注意URL的更改，基本上当你从localhost转到另一个URL时）。