在提交表单上打开模式引导程序

Question

当用户验证表单后如何打开模式？\n \n \n \n S\xe2\x80\x99inscrire\n \n

\n\n

    <div class="modal fade" id="registration" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">\n      <div class="modal-dialog" role="document">\n        <div class="modal-content">\n          <div class="modal-body">\n            <h3 class="modal-title">Merci !</h3>\n          </div>\n        </div>\n      </div>\n    </div>\n

\n

Answer 1

您可以使用模式id或class在用户单击提交按钮时打开它。假设你有这个HTML

<form id="submit-button">
    //form components
</form>

然后你可以编写以下 JQuery 代码：

//trigger when form is submitted
$("#submit-button").submit(function(e){
    $('#registration').modal('show');
    return false;
});

将$('#registration').modal('show');显示模式并return false;阻止表单发布数据，这将阻止页面重新加载。或者，你也可以这样做

$(document).ready(function() {
  $('#submit-button').on('submit', function(e){
      $('#registration').modal('show');
      e.preventDefault();
  });
});

e.preventDefault();将停止页面重新加载。