jquery输入框按下回车提交表单

时间:2022-10-29 18:23:25

jQuery on()方法是官方推荐的绑定事件的一个方法

$('#password').on('keydown', function(e) {
// 短路语法,当e.keyCode == 13成立的时候就执行后面的submit,否则就啥都不执行。
e.keyCode == 13 && $('#myForm').submit();
});


<script type="text/javascript">
        $(function () {
        $('input:text:first').focus();
        var $inp = $('input:text');
        $inp.bind('keydown', function (e) {
            var key = e.which;
            if (key == 13) {
                e.preventDefault();
                var nxtIdx = $inp.index(this) + 1;
                $(":input:text:eq(" + nxtIdx + ")").focus();
            }
        });
    });
    </script>

//输入框获得焦点时,清空文字,输入完成后enter键提交并移出光标

$(".Sname").focus(function(){

$(".Sname").val("");

$(".Sname").keydown(function(e) {

 var nxtIdx = $(".Sname").index(this) + 1;

                 e.keyCode == 13 && $('.Sname').submit()&&$('.Sname').blur();

          });

});