为了账号安全,请及时绑定邮箱和手机立即绑定

Jquery不显示按钮

Jquery不显示按钮

PHP
富国沪深 2023-06-24 18:00:03
尝试在登录失败时显示提交按钮,但无法显示。我的代码:-<html><head><script src="https://code.jquery.com/jquery-3.5.1.min.js" ></script>  <style>    .hiddenFramehideclass {      position: absolute;      top: -1px;      left: -1px;      width: 1px;      height: 1px;    }  </style></head><body>  <form method="post" class="needs-validation" action="" enctype="multipart/form-data" id="loginform" target="hiddenFrame">    <h2>Login</h2>    <hr />    <label for="emailid">Email: </label>    <input id="emailid" type="text" placeholder="Email" name="txtulogindetail" required />    <br /><br /><br />    <label for="passwordid">Password: </label>    <input id="passwordid" type="password" placeholder="Password" name="txtupass" required />    <hr />    <button type="submit" class="btn btn-success" name="btn-login" id="loginsubmitbutton">Sign in</button>    <br /><br /><br />    <span id="register_link"> <a href= "register">Register!</a></span>    <hr />  </form>  <iframe name="hiddenFrame" class="hiddenFramehideclass"></iframe></body><script>  /*Submit Button Clicked Function Starts */  $("#loginsubmitbutton").click(function() {    $("#loginsubmitbutton").hide(); //Hiding submit button    $("#register_link").hide(); //Hiding Register Link    /*Making Inputs to readonly Starts*/    $("input").css({      'pointer-events': 'none'    });    /*Making Inputs to readonly Ends*/  });  /*Submit Button Clicked Function Ends */</script>因此,当我尝试使用上述代码登录时:当凭据正确时,它会提醒“已登录” 。仅当凭据不正确(密码不正确)时,它才会发出错误警报(但根据代码,它应该再次显示提交按钮。)当未找到电子邮件时,它会提醒电子邮件未找到
查看完整描述

2 回答

?
缥缈止盈

TA贡献2041条经验 获得超4个赞

您的脚本正在iframe中运行。并且您的脚本想要更改parent中的内容。为此,您应该告诉代码在哪里执行。(父级。$()......)


下面将帮助您获取提交按钮。


echo '<script>         

    parent.$("#loginsubmitbutton").show(); //Hiding submit button

    parent.$("#register_link").show(); //Hiding Register Link 

    //alert("Error");

    </script>';


查看完整回答
反对 回复 2023-06-24
?
ABOUTYOU

TA贡献1812条经验 获得超5个赞

事情是alert 在任何 DOM 操作之前首先执行。您必须等待文件准备好。


尝试这样的事情:


echo '<script> 

        $(document).ready(function(){

           $("#loginsubmitbutton").show(); //Hiding submit button

           $("#register_link").show(); //Hiding Register Link 

        });        

      </script>';

此外,如果您保留警报,则 DOM 操作将在关闭警报后进行。因此,如果你想处理这个问题,你必须触发一些事件并添加一个监听器来发出警报。


查看完整回答
反对 回复 2023-06-24
  • 2 回答
  • 0 关注
  • 154 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信