php按回车键（Enter）实现登录

最新推荐文章于 2021-03-29 12:14:54 发布
最新推荐文章于 2021-03-29 12:14:54 发布
阅读量1.9k 收藏 2
点赞数
分类专栏： php
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/luoangen/article/details/87935814
版权 
参考demo，部分代码片段，供参考：


<!doctype html>
<html  class="x-admin-sm">
<head>
	<meta charset="UTF-8">
	<title>后台登录</title>
	<meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="stylesheet" href="__STATIC__/admin/css/font.css">
	<link rel="stylesheet" href="__STATIC__/admin/css/xadmin.css">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="__STATIC__/admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="__STATIC__/admin/js/xadmin.js"></script>
    <script type="text/javascript" src="__STATIC__/admin/js/cookie.js"></script>

</head>
<body class="login-bg" id="onkeydown">
    <div class="login layui-anim layui-anim-up">
        <div class="message">管理员-管理登录</div>
        <div id="darkbannerwrap"></div>
        
        <div class="layui-form" >
            <input name="name" placeholder="管理员账号"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="管理员密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input value="登录" id="login" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </div>
    </div>

    <script>
        $(function(){
            layui.use('form', function(){
              var form = layui.form;
              //监听提交
              form.on('submit(login)', function(data){
                  //发异步，把数据提交给php
                  $.post('/index.php/checkLogin',data.field,function (res) {
                      if(res.status==1){
                          layer.msg(res.info,{time:1000});
                          window.location.href='/index.php/indexs'
                      }else {
                          layer.msg(res.info,{time:1000});
                      }
                  },'json');
                return false;
              });
            });
        })
        //监听回车键
        $('#onkeydown').on('keydown',function(event){
            if (event.keyCode == 13) {
                $('#login').click();
                return false
            }
        });
    </script>
</body>
</html>
高山流水遇知音-log
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php回车键登录
caoning315629的博客
07-04 890
//回车键登录 $(function () { $('body').keydown(function (event) { if(event.keyCode=='13'){//keyCode=13是回车键 $("#login").click();//点击登录按钮 } }); });...
enter键控制input光标移动到下一个框
10-24
本文将深入探讨如何利用HTML和jQuery实现"Enter"键控制input光标移动的功能，使得用户在按下"Enter"键时，光标能够根据预设逻辑在不同的输入框间自动移动。 首先，我们需要理解HTML中的`<input>`标签，它是用于创建...
php登陆回车键代码,JS按回车键实现登录的方法
weixin_29870587的博客
03-26 183
这篇文章主要介绍了JS按回车键实现登录的方法,在web程序设计中非常实用的技巧,可用于表单提交的情况,具有很好的用户体验,需要的朋友可以参考下本文实例讲述了JS按回车键实现登录的方法，该功能有着非常广泛的实用价值。分享给大家供大家参考之用。具体方法如下：方法一：Check Scorefunction keyLogin(){if (event.keyCode==13) //回车键的键值为13doc...
php 回车键触发事件,响应键盘的 Enter 事件
weixin_29547309的博客
03-29 351
简明现代魔法 -> JavaScript -> 响应键盘的 Enter 事件响应键盘的 Enter 事件2010-01-09在处理一般的登录框时，用的用户希望按下“Enter”键就提交表单，以下JS就可实现该效果。响应点击按钮和按下 Enter 事件，并且可以获取输入键值的 keyCode。function send(event){//如果按了回车键也发送信息if(event.keyC...
php 回车自动登录,利用jquery点击回车键实现登录效果（详细教程）
weixin_39562606的博客
03-17 81
下面我就为大家分享一篇jquery点击回车键实现登录效果并默认焦点的方法，具有很好的参考价值，希望对大家有所帮助。最近在做项目登录时，每次都需要点击登录按钮才可以进入相应的页面，给用户一个很不好的体验，所以我就添加使用回车键来实现登录。方法：登录$(function () {$('#username_txt').focus();//用户点击按钮$("#login_btn").click(funct...
php 回车键触发事件,回车触发事件 - 范思哲思考者的个人空间 - OSCHINA - 中文开源技术交流社区...
weixin_26873711的博客
03-29 129
今天做一个需求，回车实现提交事件。代码如下：$("#loginform").keydown(function(e){vare=e||event,keycode=e.which||e.keyCode;if(keycode==13){$("input[name='search']").trigger("click");}});$(function(){$("input[name...
详解PHP中的 input属性（隐藏 只读 限制）
12-20
有时我们希望用户按下回车键时，光标自动跳转到下一个输入框，这可以通过监听键盘事件实现： ```html (event.keyCode==13) event.keyCode=9"> ``` #### 屏蔽输入法 在特定情况下，可能需要禁止输入法，例如在输入...
php中\r \r\n \t的区别示例介绍
01-21
\n 软回车： 在Windows 中表示换行且回到下一行的最开始位置。相当于Mac OS 里的 \r ... \r\n 一般一起用，用来表示键盘上的回车键，也可只用 \n。 \t表示键盘上的“TAB”键。 就像你使用 enter和shift+enter的区别，如
网页设计考试题-PHP.docx
12-22
24. **回车键效果**：在Dreamweaver设计视图中，按下回车键会在后台生成`<p>`标签。 25. **空格符号表示**：在Dreamweaver代码视图中，空格通常表示为` `。 26. **换行符转义符号**：`/n`表示换行符。 27. *...
网页设计考试题-PHP.pdf
03-13
24. **Dreamweaver回车键**：在设计视图中，每按一次回车键，后台会生成`<p>`标签。 25. **空格表示**：在Dreamweaver的代码视图中，空格通常用` `表示。 26. **换行符转义**：在HTML中，`/n`表示换行符。 ...
HTML/CSS实现的搜索框.zip
07-03
例如，可以监听键盘事件，当用户按下回车键时自动提交表单： ```javascript document.getElementById('search-input').addEventListener('keyup', function(event) { if (event.key === 'Enter') { this.form....
FacebookLikeChat_interiorzjy_javascript_chat_got2ld_ajax_
10-04
2. "SendMsg On Enter.txt"：这可能是一个文本文件，记录了当用户按下回车键发送消息的JavaScript代码。在聊天应用中，监听键盘事件，特别是回车键，是常见的触发消息发送的方式。 3. "public"：这是一个可能包含...
wamp下修改mysql访问密码的解决方法
12-18
- 由于初始密码为空，直接按 Enter 键即可登录。 #### 步骤二：执行 SQL 命令修改密码 登录成功后，使用以下 SQL 命令来更新 root 用户的密码： ```sql UPDATE user SET Password = PASSWORD('your new password'...
Vue09.pdf
09-06
键盘事件的监听是通过`@keyup.enter`实现的，这样当用户在输入框中按下回车键时，会触发路由跳转。为了避免重复路径跳转导致的错误，需要比较目标路径和当前路径是否相同。 在路由配置文件中，可以设置`kw`参数为可...
PhpstormLiveTemplates:PhpStorm 实时模板
07-01
当你在编辑器中输入这个缩写并按下回车键时，它会自动扩展成完整的代码块。这对于编写重复性较强的代码，如循环、条件语句、异常处理等，能显著提高编写速度。 ### 2. 使用内置 Live Templates PhpStorm 内置了...
php 如何回车,php怎么替换回车换行
weixin_35474542的博客
03-16 893
php怎么替换回车换行2020-07-09 00:01:10php替换回车的方法：1、使用语句“str_replace(array("/r", "/n", "/r/n"), "", $string);”；2、利用正则表达式；3、通过语句“$str = str_replace(PHP_EOL,)”。PHP替换回车换行的三种方法一个小小的换行，其实在不同的平台有着不同的实现，为什么要这样，世界是多样的...
PHP:文本域中敲击回车，如何在代码中处理
weixin_30539625的博客
03-30 103
$values = '我晕<回车>我晕晕<回车>我晕晕晕';$values = str_replace("\n", ", ", $values);结果:$values = '我晕, 我晕晕, 我晕晕晕';$html .= '<select name="attr_value_list[]">';$html .= '<option value="...
回车键换不了行 php,php如何替换回车符
weixin_39528697的博客
03-26 110
php如何替换回车符发布时间：2021-03-15 09:28:26来源：亿速云阅读：62作者：小新小编给大家分享一下php如何替换回车符，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！php替换回车符的方法：1、通过str_replace方法实现替换；2、使用preg_replace方法实现替换；3、通过“str_replace(PHP_EOL, '', $str);”语句实现替...
php如何回车不提交表单提交表单提交,input 回车键提交与不提交表单的解决方法...
weixin_39737947的博客
03-21 207
最近遇到IE6/7下敲击回车后表单不提交的问题,网上找到些资料,备案下:回车键提交表单：设置 标签或者 标签的属性 type="submit" 即可。回车键不提交表单，用JavaScript来解决，具体代码如下：document.getElementsByTagName('form')[0].onkeydown=function(e){vare=e||event;varkeyN...
js按回车键进行登录
最新发布
10-15
在JavaScript中，我们可以通过监听键盘事件来实现按回车键进行登录的功能。 首先，我们需要获取到登录按钮的元素，可以使用`document.getElementById`或者`document.querySelector`来获取。假设登录按钮的id为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值