Question

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

填写注册表单并按下提交按钮后，表单提交并自动隐藏，因为此自动隐藏，用户在单击提交按钮时无法看到任何错误消息。

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

我希望有人在点击提交按钮时告诉我如何通过自动隐藏来阻止此注册表单，这样用户就可以在不点击第二次注册按钮的情况下查看错误。

我的验证是用php编写的。 **提前致谢。

Answer 1

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

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

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

希望它有所帮助。

当然，代码示例最能帮助我理解您的问题。

Answer 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 varible中。然后打印您的联系表格。并且您可以通过脚本代码和php显示弹出窗口

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

</script> <?php    
}

希望它对您有所帮助。

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

2 个答案: