表单提交后的jQuery动画消息

时间:2014-05-14 16:44:52

标签: javascript jquery ajax forms jquery-ui

我有一个表单,在用户成功填写表格之后,我想要实际的消息 从顶部“反弹”约30px并显示实际消息。问题是我的 form的高度很大,大约900px所以我永远不会看到实际的消息,除非我滚动到我的页面顶部这是不可能的,因为页面在3秒后重新加载。我该如何实现呢?这是我现在的AJAX代码:

<script type="text/javascript">
$(document).ready(function() {

        // Process the form with AJAX
        $("form").on('submit', function(e) 
        {
            e.preventDefault();

                var from = $("form");

                $.ajax({

                    url: from.attr('action'),
                    type: from.attr('method'),
                    data: $(from).serialize(),
                    }).done(function(data) {


                    if(data.result == 0) {
                        $("#new_survey_success").hide();
                                for (var key in data.error) {
                                var value = data.error[key];
                                var output = '<p>' + value + '</p>';
                                }
                        $("#new_survey_error").fadeIn(1000).show().html(output);

                      }

                    if(data.result == 1) {

                        $("#new_survey_error").hide();
                        $("#new_survey_success").fadeIn(200).show().html("<p>" + data.success + "</p>");
                        window.setTimeout(function(){location.reload()},3000)

                      }
                }, 'json');



            return false;

        });
});

</script>

提前致谢!

0 个答案:

没有答案