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

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();
          });
});

posted @ 2015-03-18 19:43  夏目の-の  阅读(800)  评论(0编辑  收藏  举报