【问题标题】:How to redirect page based on user input?如何根据用户输入重定向页面?
【发布时间】:2024-01-22 01:08:01
【问题描述】:

使用 JavaScript,我正在尝试根据来自文本框的用户输入设置页面重定向。当我填写文本框时,每个if 条件都满足,但页面没有重定向。

<script type="text/javascript"> 
 
  function validateTextBox() { 
  
    var box = document.getElementById("width")
    var box2 = document.getElementById("height")
    var box3 = document.getElementById("length")
  
    if (box.value < 25 && box2.value < 25 && box3.value < 25) {
      window.location.href = "jointext.html";
    }                               
  }                                
</script>
     
</head>
    
<body>

<form id="theform" action="" method="post" onsubmit="validateTextBox()">
  <h3> What do I need </h3>
  <div class="row">
    <label for ="width"> Width Of Room in Metres </label> <br>
    <input type="text" id="width" name=""> <br><br>
  </div>

我不知道为什么我在正确的路线上?

我的学习相当新,所以任何建议都会很棒。这是解决这个问题的方法吗?如果是这样,我做错了什么。谢谢大家

【问题讨论】:

  • 能把输入框也加进去吗?
  • 控制台有错误吗?
  • 我需要什么




    跨度>
  • 另外两个div完全一样,只是id名称不同,然后表格就关闭了

标签: javascript forms redirect event-handling


【解决方案1】:

尝试使用“onsubmit”而不是“onSubmit”。

新答案 尝试使用 action="URL" 而不是 action="" 进行重定向。 如果您希望在函数调用中使用它,请删除 action=""。

【讨论】:

  • 那没用,我不知道出了什么问题?你能想到什么吗,谢谢帮助
  • HTML 属性名(和标签名)实际上不区分大小写,请参阅*.com/a/4351875/486382