Jquery Onclick函数工作不正常

Jquery Onclick Function not working properly

本文关键字：不正常 工作 函数 Onclick Jquery      更新时间：2023-09-26

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>

和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);
                    });
             }       
        $("#myForm").submit( function(){
            return false;
        });
     });
 });

在控制台中打印之前和之后，单击#loginsubmit没有响应。javascript代码有问题吗？请帮我查一下。

您的代码正在运行，您还没有用#ack id编写div元素，如果要添加此元素，您可以点击按钮看到响应。

html:<button id="loginsubmit" class="btn btn-red" onclick="logincheck()">LOG IN</button>

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:

<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>
相关文章：