防止按下提交按钮时隐藏的表单 div 自动隐藏答案

【问题标题】：preventing a hidden form div from auto hiding when submit button is pressed防止按下提交按钮时隐藏的表单 div 自动隐藏
【发布时间】：2016-08-26 07:40:47
【问题描述】：

通过使用.hide() 和.show() jquery 方法，我能够在我的网站上隐藏和显示注册表单。

填写注册表并按下提交按钮后，表单提交并自动隐藏回来，由于这种自动隐藏，用户在单击提交按钮时无法看到任何错误消息。

当用户再次单击注册按钮时可以看到错误消息。

我希望有人告诉我如何防止此注册表单在单击提交按钮时自动隐藏，以便用户无需第二次单击注册按钮即可看到错误。

我的验证写在php。 ** 提前致谢。

【问题讨论】：

把你的代码上传到sn-p，这样就很容易解决了
这似乎是一个简单的问题，但如果不显示代码就无法解决。
表单提交后是否刷新页面。
我们键入按钮不提交或使用 e.preventDefault()
如果您的错误容器在开始时具有 'display:none' css 或 hidden="hidden" 属性，并且您正在通过 show() 和 hide() 进行更改，则在表单提交后，此容器将被重新启动。您应该再次显示或隐藏它。

标签： javascript php jquery html forms

【解决方案1】：

如果我理解正确，您遇到的问题是因为单击提交按钮时表单正在提交。

我喜欢做的一个技巧：我不使用输入类型提交，而是使用通用按钮并在验证通过后提交表单，这将在单击提交时停止提交表单并允许您显示任何错误：

<button id="submit_form" class="submit">Submit</submit>

希望对你有帮助。

当然，代码示例会更好地帮助我理解您的问题。

【讨论】：

【解决方案2】：

没有代码：根据我的理解，你可以通过两种方式做到这一点。

第一个 Ajax：

$('#submitButton').click(function (e){
      e.preventDefault();
      $.ajax({
         type: "POST",
         url: url, //action
         data: form.serialize(),
         success: function (html) {
             // if html get error then show at above the form as yourt wish
          }
       });
      });

如果您提交表单并返回同一页面并在 $error 变量中出错。然后打印您的联系表格。您可以通过脚本代码和 php 显示您的弹出窗口

    if(isset($error)){
     ?> <script>
       $('#signupform').modal('show'); // if your form in bootstrap modal Otherwise
  $('#signupform').show(); 

</script> <?php    
}

希望对你有帮助。

【讨论】：