JS按回车键实现登录

简介: JS按回车键实现登录

html结构

<-- 在页面任何一个地方敲回车都要实现,所以给body一个键盘按下事件 -->
<body onkeydown="keyLogin()">
  <button id="loginBtn" type="button" onclick="login()">登录</button>
</body>
  <!-- 登录 -->
    <div id="go">
      <p>登录</p>
      <div id="row">
        <span id="spa"></span>
      </div>
      <div id="wribox">
        <input type="text" name="" onkeydown="keyLogin()"  id="writ" value="" class="inp" placeholder="账户" onchange="rangs()"/>
        <span id="abso">账号不正确</span>
        <input type="password" name="" onkeydown="keyLogin()" id="inwrit" class="inp" value="" placeholder="密码" onchange="peo()" />
        <span id="apabso">密码不正确</span>
        <div id="">
          <input type="checkbox" name="" id="check" value="" /><span id="mus">
          记住密码
        </span>
        </div>
      </div>
      <!-- 登录 -->
      <div onclick="gollp()" id="locat">
        <p>登录</p>
      </div>

js

<script type="text/javascript">
  function keyLogin(){
     if (event.keyCode==13)  //回车键的键值为13
     login(); // 调用登录方法
     // document.getElementById("loginBtn").click(); 或者调用登录按钮的登录事件
  }
</script>
相关文章
|
前端开发 JavaScript 安全
HTML+CSS+JS密码灯登录表单
通过结合使用HTML、CSS和JavaScript,我们创建了一个带有密码强度指示器的登录表单。这不仅提高了用户体验,还帮助用户创建更安全的密码。希望本文的详细介绍和代码示例能帮助您在实际项目中实现类似功能,提升网站的安全性和用户友好性。
369 3
|
资源调度 JavaScript API
nest.js + sms 实现短信验证码登录
本文介绍了在Nest.js框架中集成短信验证码登录的实现方案,详细阐述了使用阿里云短信服务的配置流程、资质申请、短信模板设置,并提供了API调用示例和工程代码的运行步骤。
nest.js + sms 实现短信验证码登录
|
JavaScript 前端开发
js的回车事件
js的回车事件
236 3
|
JavaScript
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(二)
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
722 0
|
存储 JSON JavaScript
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
Node.js单点登录SSO详解:Session、JWT、CORS让登录更简单(一)
661 0
|
JavaScript 前端开发
JavaScript中通过按回车键进行数据的录入
这篇文章提供了一个JavaScript示例代码,演示了如何通过监听回车键(keyCode为13)在网页上实现数据的录入和触发一个警告框提示"正在登录验证......"。
JavaScript中通过按回车键进行数据的录入
|
JavaScript 前端开发
js登录注册简单tab切换页面(含前台表单验证)
文章介绍了如何使用HTML、CSS和JavaScript创建一个简单的登录注册页面,并实现Tab切换效果。包括了表单验证,点击登录或注册按钮时,可以切换显示相应的表单。同时提供了完整的前端代码和实现效果图。
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
JavaScript 前端开发
JS实现键盘事件(回车)的登录
JS实现键盘事件(回车)的登录
132 0
|
JavaScript Java 测试技术
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
基于springboot+vue.js+uniapp的客户关系管理系统附带文章源码部署视频讲解等
427 2