如何防止单击submit按钮后关闭jquery div弹出窗口_Jquery_Html

如何防止单击submit按钮后关闭jquery div弹出窗口

jquery html

如何防止单击submit按钮后关闭jquery div弹出窗口,jquery,html,Jquery,Html,这是代码 #日志{显示：无；} $（文档）.ready（函数（）{ $（“a”）。单击（函数（）{ $（“#log”）.show（）； }); }); 我在表单中添加了一个ID，给它一个不同的选择器，然后在表单提交上附加一个事件以隐藏表单 #日志{显示：无；} $（文档）.ready（函数（）{ $（“a”）。单击（函数（）{ $（“#log”）.show（）； }); $（#myForm”）。在（“提交”，函数（）上{ $（“#log”）.hide（）； }); }); 您可能

这是代码


#日志{显示：无；}
$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“#log”）.show（）；
});
});

我在表单中添加了一个ID，给它一个不同的选择器，然后在表单提交上附加一个事件以隐藏表单


#日志{显示：无；}
$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“#log”）.show（）；
});
$（#myForm”）。在（“提交”，函数（）上{
$（“#log”）.hide（）；
});
});

您可能希望更改类型submit to button并添加ajax调用来发布此表单（我没有运行代码，但方法是将按钮类型从submit更改为button，并使用ajax调用完成任务，这样页面就不会刷新，您可以显示下一步所需的内容）：


#日志{显示：无；}
$（文档）.ready（函数（）{
$（“a”）。单击（函数（）{
$（“#log”）.show（）；
});
$（“#登录按钮”）。单击（函数（事件）{
$.ajax({
网址：“abc.php”，
类型：“post”，
数据：{
用户：$（“[name=user]”）.val（），
通过：$（“[name=pass]”）。val（）
},
数据类型：“json”，
成功：功能（数据）{
//显示验证文本
}
});
});
});

这是您的完整jQuery代码吗？您可能需要更改类型submit to按钮并添加ajax调用以发布此表单。我希望当我单击submit it show me validation text而不发布到下一页时，您的代码不会显示任何可能是您要解决的问题的div弹出窗口。请给我们所有相关的代码。谢谢，但我不想隐藏div，我点击提交后div将留在那里。你的弹出div在哪里？弹出div带有id=“log”你确定没有其他js错误/语法错误吗？请在浏览器中验证。。它不应该反映弹出的外观抱歉，但我的代码中没有其他错误。当我删除您的代码时，它会显示div弹出窗口。@ManishSuthar我的代码中有一些多余的括号，请再次检查（success函数中的结束括号出现两次。。

   <HTML>
        <head>
          <style>
              #log{display:none;}
          </style>
          <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">
          </script>
          <script>
              $(document).ready(function(){
                  $("a").click(function(){
                      $("#log").show();
                  });

                  $("#loginButton").click(function(event) {
                    $.ajax({
                        url : "abc.php",
                        type : "post",
                        data : {
                            user : $("[name=user]").val(),
                            pass: $("[name=pass]").val()
                        },
                        dataType : 'json',
                        success : function(data) {
                                // show your validation text
                        }
                    });
                  });
              });
           </script>
        </head>
    <body>
        <a href="javascript:;">Log In</a>
        <div id="log">
           <form action="abc.php" method="post">
              <input type="text" name="user" placeholder="Email ID"> <br><br>
              <input type="password" name="pass" placeholder="Password"><br><br>
              <input id="loginButton" type="button" value="Login">
           </form>
        </div>
    </body>
    </html>