Javascript Jquery Onclick函数工作不正常

html表格-

<div class="inner-container login-panel id="login_form"">
  <h3 class="m_title">SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES</h3>
  <div id="login_form" class="loginform">
    <a href="#" class="create_account" onClick="ppOpen('#register_panel', '280');">CREATE ACCOUNT</a>
    <input type="text" id="email" name="email" class="inputbox" placeholder="Email">
    <input type="password" id="password" name="password" class="inputbox" placeholder="Password">
    <button  id="loginsubmit" class="btn btn-red">LOG IN</button>
    <a href="#" class="login_facebook">login with facebook</a>
  </div>
  <div class="links">
    <a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR USERNAME?</a> / <a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR PASSWORD?</a>
  </div>
</div>

---

在控制台中，before和then正在打印，但单击

#loginsubmit

时没有响应。javascript代码有什么问题吗？请帮我查一下

您的代码正常工作您尚未使用#ack id编写div元素，如果要添加此元素，请单击按钮查看响应。

html:

登录

Javascript:

function logincheck(){
    console.log("success");
    e = $("#email").val();
    p = $("#pass").val();
    if($("#email").val()==""||$("#pass").val()=="")
        $("div#ack").html("please enter email and pass");
    else
        $.post( $("#myForm").attr("action"), 
                //$("#myForm :input").serializeArray(),
                {emailid: e, password: p},
                function(data){
                    $("div#ack").html(data);
                });
    $("#myForm").submit( function(){
        return false;
    });

}

---

现在它工作正常

请使用以下更新的脚本和html：

javascript:

console.log("before");
$(document).ready(function (){    
    console.log("then");
    $("#loginsubmit").click(function (){
        console.log("success");
        e = $("#email").val();
        p = $("#pass").val();
        if($("#email").val()==""||$("#pass").val()==""){
            $("div#ack").html("please enter email and pass");
        }
        else {
            $.post( $("#myForm").attr("action"), 
            //$("#myForm :input").serializeArray(),
            { emailid:e, password:p },
                function(data){
                    $("div#ack").html(data);
                },'json');
            }       
            $("#myForm").submit( function(){
                return false;
            });
        });
});

Html:

登录您的帐户以访问不同的功能
登录
/ 

对多行代码使用if…else条件时，请使用大括号。已编辑。仍然没有回应。你在控制台上获得成功了吗？没有。这就是问题所在。它对我也很有效。。。请删除所有不必要的代码，使您的问题更具可读性好吗？也许它甚至可以让你自己发现问题。

console.log("before");
$(document).ready(function (){    
    console.log("then");
    $("#loginsubmit").click(function (){
        console.log("success");
        e = $("#email").val();
        p = $("#pass").val();
        if($("#email").val()==""||$("#pass").val()==""){
            $("div#ack").html("please enter email and pass");
        }
        else {
            $.post( $("#myForm").attr("action"), 
            //$("#myForm :input").serializeArray(),
            { emailid:e, password:p },
                function(data){
                    $("div#ack").html(data);
                },'json');
            }       
            $("#myForm").submit( function(){
                return false;
            });
        });
});

<div class="inner-container login-panel id="login_form"">    
    <h3 class="m_title">SIGN IN YOUR ACCOUNT TO HAVE ACCESS TO DIFFERENT FEATURES</h3>
    <form action="#" method="post" id="myForm">
        <div id="login_form" class="loginform">
            <a href="#" class="create_account" onClick="ppOpen('#register_panel', '280');">CREATE ACCOUNT</a>
            <input type="text" id="email" name="email" class="inputbox" placeholder="Email">
            <input type="password" id="password" name="password" class="inputbox" placeholder="Password">
            <button  id="loginsubmit" class="btn btn-red">LOG IN</button>
            <a href="#" class="login_facebook">login with facebook</a>
            <div id="ack"></div>
        </div>
    </form>
    <div class="links">
        <a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR USERNAME?</a> / 
        <a href="#" onClick="ppOpen('#forgot_panel', '350');">FORGOT YOUR PASSWORD?</a>
    </div>
</div>