1

我是 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>

提前感谢您的帮助！

4

0 回答 0