gpt4 book ai didi

javascript - 验证后如何将 HTML 中的页面从一个页面移动到另一个页面

转载 作者:行者123 更新时间:2023-12-03 12:19:06 24 4
gpt4 key购买 nike

这是我的代码

index.html

<小时/>
<html>
<head></head>
<body>
<div id="top"> New Record </div><br>
<form name="myForm" onsubmit="return validateForm()" method="post">
<h5>Record name: <input type="text" name="name" id="name"></h5>
<div >
<h5>Submitted Date <input id="sub" type="text" name="submited date" ></h5>
</div>
<div>
<h5>Started Date <input id="strtd" type="text" name="started date" ></h5>
</div>
<div>
<h5> Record Type <select name="Record Type" id="options">
<option value="Document">Documents</option>
<option value="Pictures">Pictures</option>
<option value="Sounds">Sounds</option>
</select></h5>

</div>
<div align="center">
<input id="submit" type="submit" value="Create">
<button id="cancel" type="button" onclick="ClearFields();">Reset</button>
</div>
</form>
</body>
</html>

脚本在这里

  $(function(){
var pickerOpts = {
appendText: "",
defaultDate: "+5",
showOtherMonths: true,
dateFormat: "dd/mm/yy",
};

$("#strtd").datepicker({
minDate: 0
});

$("#sub").datepicker({
maxDate: new Date,
minDate: new Date(2007, 6, 12)
});

$('#strtd').focus(function() {
this.blur();
});
$('#sub').focus(function() {
this.blur();
});

});

//form validation

function validateForm() {
var x = document.forms["myForm"]["name"].value;
var y= document.forms["myForm"]["strtd"].value;
var z= document.forms["myForm"]["sub"].value;
if (x==null || x=="") {
alert("First name must be filled out");
return false;
}

else if (y==null || y=="") {
alert("Started Date must be filled out");
return false;
}

else if (z==null || z=="") {
alert("Submitted Date must be filled out");
return false;
}
else {

alert("New Reocrd Created");
window.location.href = "http://www.google.com";
}
}



function ClearFields() {
document.getElementById("name").value="";
document.getElementById("strtd").value="";
document.getElementById("sub").value=""
}

在上面的脚本代码中,我采用了示例 "window.location.href = "http://www.google.com"; 只是为了检查,我的要求是移动页面到另一个 html 页面

eg:details.html

点击创建按钮。我收到“新记录已创建”警报,但没有移至下一页。希望你们中的任何人都能提供帮助:)提前致谢

最佳答案

window.location.href 不是一个方法,它是一个属性,可以告诉您浏览器当前的 URL 位置。将属性设置为不同的内容将重定向页面。

window.open() 是一种可以将 URL 传递给要在新窗口中打开的方法。例如:

window.location.href 示例:

window.location.href = 'http://www.google.com';//将带您前往 Google。window.open() 示例:

window.open('http://www.google.com');//这将在新窗口中打开 Google。

来源:SO Answer by James Hill

如果您想打开本地 html 页面,请使用:

window.location('完整路径');

关于javascript - 验证后如何将 HTML 中的页面从一个页面移动到另一个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24523775/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com