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

当用户已验证表单时，如何打开模式？ S'inscrire

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

---

在验证表单时，可以将其添加到函数中：

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

$('#registration').modal({
        show: 'false',
        backdrop: 'static',
        keyboard: false
    });

键盘错误意味着当您按下escape时，模式将不会显示 消失。 将背景设置为静态意味着人们用鼠标点击背景 鼠标移到模型外。莫代尔号关不上。 编辑

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

---

在验证表单时，可以将其添加到函数中：

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

$('#registration').modal({
        show: 'false',
        backdrop: 'static',
        keyboard: false
    });

键盘错误意味着当您按下escape时，模式将不会显示 消失。 将背景设置为静态意味着人们用鼠标点击背景 鼠标移到模型外。莫代尔号关不上。 编辑

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

---

您可以在验证成功时添加以下内容：

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

---

$registration.modal'show'

您可以在验证成功时添加以下内容：

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

$registration.modal'show'

当用户单击submit按钮时，可以使用模式id或类打开它。

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

假设你有这个HTML

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

$'registration'.modal'show'；将显示模式并返回false；防止表单发布数据，这将停止页面重新加载。或者，你也可以这样做

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

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

e、 防止违约；将停止重新加载页面。

用户单击提交按钮时，可以使用模式id或类打开页面。

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

假设你有这个HTML

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

$'registration'.modal'show'；将显示模式并返回false；防止表单发布数据，这将停止页面重新加载。或者，你也可以这样做

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

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

e、 防止违约；将停止重新加载页面。

我将使用解决方案提交表单而不刷新页面

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

您甚至可以根据请求的结果更新模式响应

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

$ajaxform.SubmitFunction{ var url=path/to/your/script.php；//处理表单输入的脚本。 $.ajax{ 类型:POST,， url:url， data:$ajaxform.serialize，//序列化表单的元素。 成功：functiondata { //如果请求成功 $.modal title.text“请求成功”； $‘注册’。模式‘显示’； }, 错误：functiondata { //如果请求不成功 $.modal title.text“请求失败”； $‘注册’。模式‘显示’； } }.donefunction{ //最后，将模态文本重新初始化回默认的“merci” $.modal title.text'merci'； }; e、 preventDefault；//避免执行表单的实际提交。 }; 姓名：姓氏：电子邮件： 提交 谢谢！ 我会使用一个解决方案来提交表单而不刷新页面

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

您甚至可以根据请求的结果更新模式响应

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

$ajaxform.SubmitFunction{ var url=path/to/your/script.php；//处理表单输入的脚本。 $.ajax{ 类型:POST,， url:url， data:$ajaxform.serialize，//序列化表单的元素。 成功：functiondata { //如果请求成功 $.modal title.text“请求成功”； $‘注册’。模式‘显示’； }, 错误：functiondata { //如果请求不成功 $.modal title.text“请求失败”； $‘注册’。模式‘显示’； } }.donefunction{ //最后，将模态文本重新初始化回默认的“merci” $.modal title.text'merci'； }; e、 preventDefault；//避免执行表单的实际提交。 }; 姓名：姓氏：电子邮件： 提交 谢谢！

---

当你说验证表单时，你的意思是他们何时提交表单？当你说验证表单时，你的意思是他们何时提交表单？它不起作用，每次加载页面时都会移动模式显示我的代码检查表单的有效性。如果验证成功，则需要粘贴此项。如果$form button.valid{$'registration.modal'show'；}无效，则每次加载页面时都会移动该模式显示我的代码检查表单的有效性。如果$form按钮验证成功，则需要粘贴此项。有效{$'registration'.modal'show'；}此项不起作用，因为提交时页面将刷新。返回false将阻止页面重新加载此项不起作用，因为提交时页面将刷新。返回false将阻止页面重新加载