登陆按钮的回车登陆事件和点击登陆事件

// enter键按下事件
$('body').keydown(function () {
        if(event.keyCode == '13'){
            var password = $("#password").val();
            var account = $("#account").val();
            var captcha = $("#captcha").val();
            var token = $('meta[name="_token"]').attr('content');

            $.ajax({
                type : "POST",
                url : "/user/login",
                data: {account:account, password:password, captcha:captcha},
                headers: {
                    'X-CSRF-TOKEN': token
                },
                success : function(data) {
                    if (data.errCode != '0')
                    {
                        layer.msg(data.errMsg, {icon:2});
                        $(this).removeClass('disable');
                        changeCode();
                        return ;
                    }

                    window.location.href =  '/';
                }
            })
        }
})

 

$("#submit").click(function(e){
   var password = $("#password").val();
   var account = $("#account").val();
   var captcha = $("#captcha").val();
   var token = $('meta[name="_token"]').attr('content');

   $.ajax({
        type : "POST",
        url : "/user/login",
        data: {account:account, password:password, captcha:captcha},
        headers: {
            'X-CSRF-TOKEN': token
        },
        success : function(data) {
            if (data.errCode != '0')
            {
                layer.msg(data.errMsg, {icon:2});
                $(this).removeClass('disable');
                changeCode();
                return ;
            }

            window.location.href =  '/';
        }
    })

有用就给个赞呗!

【精选秒杀】热卖云产品限量抢,云服务器20元/月起,服务稳定,价格更优
https://cloud.tencent.com/redirect.php?redirect=1039&cps_key=8ee0f9c89dfe0958071ea9b77e110670&from=console

淘宝优惠券: http://tq.xinrtd.com
京东优惠券: http://jp.xinrtd.com

### 回答1: 可以在登录界面的登录按钮上绑定一个事件监听,当用户在输入框中输入完信息并按下回车键时,触发该事件,执行登录的相关代码。代码示例如下: ``` document.getElementById("username").addEventListener("keyup", function(event) { event.preventDefault(); if (event.keyCode === 13) { document.getElementById("loginBtn").click(); } }); ``` 其中,"username"是输入框的id,"loginBtn"是登录按钮的id。 ### 回答2: 在登陆界面用 JavaScript 实现按下回车键即可确认登陆的操作可以通过以下步骤完成: 1. 首先,我们需要为登陆界面的输入框添加一个事件监听器,以便在输入框的焦点下方进行按键事件捕获。 2. 在事件监听器内部,我们需要判断按下的键是否为回车键(Enter 键)。你可以通过判断按键的键码(keyCode) 是否为13 来实现此步骤。 3. 如果按下的键是回车键,则触发登陆操作。你可以在该代码块中编写代码来执行登陆的相关逻辑操作,例如验证用户输入的用户名和密码是否正确,并执行相应的处理。 这是一个基本的实现方案,下面是一个示例代码演示: ```html <!DOCTYPE html> <html> <head> <title>Login Page</title> <script> function handleLogin(event) { if (event.keyCode === 13) { // 按下回车键 event.preventDefault(); // 阻止默认的提交行为 loginUser(); // 执行登陆逻辑 } } function loginUser() { // 在这里编写验证用户的用户名和密码,并执行登陆操作的逻辑代码 var username = document.getElementById('username').value; var password = document.getElementById('password').value; // 示例代码:简单判断用户名和密码是否为空 if (username !== '' && password !== '') { alert('登陆成功'); } else { alert('用户名和密码不能为空'); } } </script> </head> <body> <h1>Login Page</h1> <form> <label for="username">Username:</label> <input type="text" id="username" name="username" onkeydown="handleLogin(event)" autofocus required><br> <label for="password">Password:</label> <input type="password" id="password" name="password" onkeydown="handleLogin(event)" required><br> <input type="button" value="Login" onclick="loginUser()"> </form> </body> </html> ``` 在上述示例代码中,我们为用户名(username)和密码(password)的输入框添加了一个 `onkeydown` 事件监听器,该监听器会调用 `handleLogin` 函数进行按键事件捕获。 `handleLogin` 函数中,我们首先判断按下的键是否为回车键。如果是,则调用 `loginUser` 函数进行登陆操作。 在 `loginUser` 函数中,我们通过获取用户名和密码的输入框的值,并进行简单的判断,如果不为空,则弹出登陆成功的提示框,否则弹出用户名和密码不能为空的提示框。 你可以根据实际需求对登陆逻辑进行修改和完善。 ### 回答3: 要在登录界面上使用 JavaScript 实现回车键确认登录,可以使用以下步骤: 1. 为登录按钮添加一个 ID 或类名,例如 "login-button"。 2. 在 JavaScript 中找到登录按钮的元素。 3. 在 JavaScript 中为页面添加一个键盘事件监听器。 4. 在监听器中,检查用户按下的键是否是回车键。 5. 如果是回车键,则模拟点击登录按钮。 以下是一个示例的 JavaScript 代码来实现这个功能: ```javascript // 找到登录按钮 const loginButton = document.getElementById('login-button'); // 添加键盘事件监听器 document.addEventListener('keydown', function(event) { // 检查用户按下的键是否是回车键 if (event.key === 'Enter') { // 模拟点击登录按钮 loginButton.click(); } }); ``` 请注意,上述示例假设登录按钮具有 "login-button" 的 ID。如果登录按钮具有不同的 ID 或类名,请将代码中的 `getElementById('login-button')` 替换为适当的选择器。 使用上述代码即可在登录界面中使用 JavaScript 实现回车键确认登录。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值