Question

我创建了一个使用validator.js的简单表单验证

在用户按下注册按钮数据并发送用户并停留在同一页面后实际发生的情况。

我真正想要得到的是，在用户按下注册按钮之后，它将重定向到info.html的其他页面，该页面显示消息，感谢您注册，检查邮件进行确认等。

这是我要具有重定向功能的按钮

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

我以以下方式尝试了

<div class="form-group">
    <button class="register100-form-btn">
        <a class="fa fa-long-arrow-right m-l-7" href="/info.html">Submit</a>
    </button>
</div>

它现在将其重定向到另一页，但没有检查验证表所有字段都可以保留为空，这对于注册表没有意义。

Answer 1

一种方法是将click事件侦听器添加到按钮，并在单击后重定向到所需的视图。将您的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://mybaseurl/info.html"
     window.location.href = url;
 });

引导表单验证按钮重定向

1 个答案: