jquery验证 - 使用回车键提交表单

时间:2013-05-29 16:54:27

标签: javascript jquery

我是javascript和jquery的新手,我正在尝试使用回车键提交使用jquery验证插件验证的表单。这是我的代码,但表单未提交,因为当您按Enter键时未显示警报。我不确定到底发生了什么。我认为当我按回车键时,页面只是被重新加载。肯定没有验证

<script>
    $(document).ready(function() {

        jQuery.validator.setDefaults({
            errorPlacement: function(error, element) {
                 error.appendTo('#invalid_' + element.attr('id'));

                  }
        });

        var validator = $("#login_form").validate({
            rules: {
                user_email: {
                  required: true,
                  email: true

                },
                password: {
                    required: true
                }
            },
            messages:{
                user_email:{
                    required:"Email required",
                    email: "Must be a valid email"
                },
                password: {
                    required: "Password required"
                }

            }, 


            submitHandler: function(form) {
            alert('submitted');
              $.ajax({
                type: "POST",
                url: "ajax/check_login.php",
                data: $(form).serialize(),
                timeout: 3000,
                success: function(resp) { 
                    if (resp == 'error') {
                        $('#login_error').html('Invalid login');
                    } else {


                        load_user_area();




                    }

                },
                error: function(e) {alert('failed' + e);}
              });
              return false;
            }

        });


$(document).keydown(function(e) { 
    if (e.keyCode == 13) { $('#login_form').submit(); }
});

});

</script>

提前感谢您的帮助!

0 个答案:

没有答案