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

JavaScript button on click navigate to another HTML page

本文关键字：另一个 HTML 页面 导航 按钮 单击 JavaScript      更新时间：2023-09-26

我在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之前执行验证。验证工作，然而，当我试图导航到另一个页面，它告诉我，网页没有找到。有办法解决这个问题吗?

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

上面这行可以像下面这样修改:

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

您的重定向将假设您具有以下项目组织:

'...
    'MYPRECEDENTFOLDER
        successful.html
        'MYCURRENTFOLDER
            myCurrentfile.html

您必须检查位于success .html的位置。另一个解决方案是调用绝对URL(注意URL的变化，基本上是当你从本地主机到另一个URL时)。

相关文章：