Bootstrap 4表单验证然后将页面重定向到另一个ASPX页面以完成工作

时间:2018-02-21 22:37:42

标签: javascript

我是Bootstrap 4和JavaScript新手。我在这里找到了一个示例Bootstrap表单验证:https://getbootstrap.com/docs/4.0/components/forms/#validation

它提供了一个很好的验证,但是通过按下"提交表格"验证后脚本结束。按钮。

以下是示例中的脚本副本:

<script>
// Example starter JavaScript for disabling form submissions if there are invalid fields
(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();
</script>

我需要的是将带有POST请求的提交转发到另一个ASPX页面以执行工作后的代码,然后将表单数据保存到数据库中。我想我们可以添加一些脚本来指示应用程序调用ASPX页面,然后在从ASPX页面成功返回时显示模式弹出窗口。如何添加适当的脚本来处理这个?请指教。

布兰登。

0 个答案:

没有答案