Question

这是我的代码

的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页面

例如：details.html

点击“创建”按钮。 Iam警惕“新记录创建”，但没有转到下一页。希望你们中的任何人帮助:) 提前致谢

Answer 1

window.location.href不是一种方法，它是一个告诉您浏览器当前网址的属性。将属性设置为不同的属性将重定向页面。

window.open()是一种方法，您可以将URL传递给要在新窗口中打开的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('fullpath');

如何在验证后将页面从一个页面移动到另一个页面

1 个答案: