我想用回车键登录一个用户

Question

我想按回车键登录一个用户。当我按下回车键时，它会清除表单值。通过用鼠标单击登录按钮，它允许用户登录并在主页上重定向。 这是我的 login.min.js

var Login = function () {
var e = function () {
    $(".login-form").validate({
        errorElement: "span",
        errorClass: "help-block",
        focusInvalid: !1,
        rules: {username: {required: !0}, password: {required: !0}, remember: {required: !1}},
        messages: {username: {required: "Username is required."}, password: {required: "Password is required."}},
        invalidHandler: function (e, r) {
            $(".alert-danger", $(".login-form")).show()
        },
        highlight: function (e) {
            $(e).closest(".form-group").addClass("has-error")
        },
        success: function (e) {
            e.closest(".form-group").removeClass("has-error"), e.remove()
        },
        errorPlacement: function (e, r) {
            e.insertAfter(r.closest(".input-icon"))
        },
        submitHandler: function (e) {
            e.submit()
        }
    }), $(".login-form input").keypress(function (e) {
        return 13 == e.which ? ($(".login-form").validate().form() && $(".login-form").submit(), !1) : void 0
    })
}, r = function () {
    $(".forget-form").validate({
        errorElement: "span",
        errorClass: "help-block",
        focusInvalid: !1,
        ignore: "",
        rules: {email: {required: !0, email: !0}},
        messages: {email: {required: "Email is required."}},
        invalidHandler: function (e, r) {
        },
        highlight: function (e) {
            $(e).closest(".form-group").addClass("has-error")
        },
        success: function (e) {
            e.closest(".form-group").removeClass("has-error"), e.remove()
        },
        errorPlacement: function (e, r) {
            e.insertAfter(r.closest(".input-icon"))
        },
        submitHandler: function (e) {
            e.submit()
        }
    }), $(".forget-form input").keypress(function (e) {
        return 13 == e.which ? ($(".forget-form").validate().form() && $(".forget-form").submit(), !1) : void 0
    }), jQuery("#forget-password").click(function () {
        jQuery(".login-form").hide(), jQuery(".forget-form").show()
    }), jQuery("#back-btn").click(function () {
        jQuery(".login-form").show(), jQuery(".forget-form").hide()
    })
}, i = function () {
    function e(e) {
        if (!e.id)return e.text;
        var r = $('<span><img src="../assets/global/img/flags/' + e.element.value.toLowerCase() + '.png" class="img-flag" /> ' + e.text + "</span>");
        return r
    }

    jQuery().select2 && $("#country_list").size() > 0 && ($("#country_list").select2({
        placeholder: '<i class="fa fa-map-marker"></i>&nbsp;Select a Country',
        templateResult: e,
        templateSelection: e,
        width: "auto",
        escapeMarkup: function (e) {
            return e
        }
    }), $("#country_list").change(function () {
        $(".register-form").validate().element($(this))
    })), $(".register-form").validate({
        errorElement: "span",
        errorClass: "help-block",
        focusInvalid: !1,
        ignore: "",
        rules: {
            fullname: {required: !0},
            email: {required: !0, email: !0},
            address: {required: !0},
            city: {required: !0},
            country: {required: !0},
            username: {required: !0},
            password: {required: !0},
            rpassword: {equalTo: "#register_password"},
            tnc: {required: !0}
        },
        messages: {tnc: {required: "Please accept TNC first."}},
        invalidHandler: function (e, r) {
        },
        highlight: function (e) {
            $(e).closest(".form-group").addClass("has-error")
        },
        success: function (e) {
            e.closest(".form-group").removeClass("has-error"), e.remove()
        },
        errorPlacement: function (e, r) {
            "tnc" == r.attr("name") ? e.insertAfter($("#register_tnc_error")) : 1 === r.closest(".input-icon").size() ? e.insertAfter(r.closest(".input-icon")) : e.insertAfter(r)
        },
        submitHandler: function (e) {
            e[0].submit()
        }
    }), $(".register-form input").keypress(function (e) {
        return 13 == e.which ? ($(".register-form").validate().form() && $(".register-form").submit(), !1) : void 0
    }), jQuery("#register-btn").click(function () {
        jQuery(".login-form").hide(), jQuery(".register-form").show()
    }), jQuery("#register-back-btn").click(function () {
        jQuery(".login-form").show(), jQuery(".register-form").hide()
    })
};
return {
    init: function () {
        e(), r(), i()
    }
}
}();
jQuery(document).ready(function () {
Login.init()
});

和我的login_form.tpl

<body class=" login">
    <!-- BEGIN LOGO -->
    <div class="logo">
        <a href="#">
       <img src=" {$site_root}application/views/admin/assets/layouts/layout/img/logo.png" 
alt="logo" /> </a>
    </div>
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="content">
        <!-- BEGIN LOGIN FORM -->
        <form class="login-form" action="{$data.action}" method="post">
            <h3 class="form-title font-green">Sign In</h3>
                <div class="alert alert-danger display-hide" style='display:{if $error != ''}block{/if}'>
                    <button class="close" data-close="alert"></button>
                    <span> {if $error != ''}{$error}{else}Enter any username and password.{/if}</span>
                </div>
            <div class="form-group">
                <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                <label class="control-label visible-ie8 visible-ie9">{l i='field_nickname' gid='ausers'}</label>
                <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Username" name="nickname" /> </div>
            <div class="form-group">
                <label class="control-label visible-ie8 visible-ie9">{l i='field_password' gid='ausers'}</label>
                <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="Password" name="password" /> </div>
            <div class="form-actions">
                <input type="submit" name="btn_login" value="{l i='btn_login' gid='start' type='button'}" class="btn green uppercase btn-block">
            </div>
        </form>

我尝试了不同的解决方案，但没有成功。

Answer 1

   $('.form-group').keydown(function() {
    var key = e.which;
     if (key == 13) {
      $('.form-group').submit();
     }
   });

Answer 2

感谢您的帮助，但最终，我找到了解决方案，我只需要进行一些更改。

 $("input").keypress(function (e) {
        if (e.which == 13) {
            $('input[name="btn_login"]').click();
            return false;
        }

我想用回车键登录一个用户

i want to log in a user with enter key

php

jquery

codeigniter

smarty