检查所有字段输入后重定向

时间:2019-07-10 14:06:06

标签: javascript html bootstrap-4

我用支票输入验证创建了一个简单的注册表单,我想重定向到另一页You have successfully registered,我的支票验证有效,但是当用户按下注册按钮时它显示错误消息的时间仅为1/2秒:< / p>

  

您需要输入用户名/电子邮件等。

正如我所说,它只能工作几秒钟,然后将用户重定向到我的问题上,我需要知道如何使用户保持在页面上,直到他们输入用户名/电子邮件等。

如果未输入该信息,则不会将用户重定向到页面you have successfully registered,我应该添加等待还是暂停选项?

这是html按钮:

<div class="form-group">
    <button id="submit" class="btn btn-primary" type="submit">
      Submit
    </button>
</div>

JS:

document.getElementById("submit").addEventListener("click", function(event){
     let url = "http://whatever/Successfullyregistration.html"
     window.location.href = url;
 }); 

1 个答案:

答案 0 :(得分:0)

这里是获取输入值并首先检查它的示例。如果该值不为空,则页面将重定向到您提供的链接。

document.getElementById("submit").addEventListener("click", function(event) {
  if (document.getElementById('input-text').value !== '') {
      let url = "http://whatever/Successfullyregistration.html"
     window.location.href = url;
  }
 });
<div class="form-group">
    <input id="input-text" />
    <button id="submit" class="btn btn-primary" type="submit">
      Submit
    </button>
</div>