Fancybox出错时关闭

时间:2013-09-22 16:51:10

标签: javascript jquery fancybox-2

我正在使用Fancybox制作简单的评论提交表单;我非常接近,但是当一个字段留空并弹出一条错误信息时,该框会自动关闭。有什么想法吗?

的.js

$("#guest_submit").fancybox({
    'scrolling' : true,
    helpers : {
        title : null
    }
});

$(document).ready(function(){
    $("#message_form").on("submit", function(){

        if ($("#guest_name").val().length < 1 || $("#guest_message").val().length < 1) {
            $("#guest_error").show();
            $.fancybox.resize();
            return false;
        }
        $.fancybox.showActivity();
        $.ajax({
            type: "POST",
            cache: false,
            url: "/guestbook/",
            data: $(this).serializeArray(),
            success: function(data){
                $.fancybox(data);
            } 
        });
        return false;

    });
})

html的

 <div> 
        <form id='message_form' action="/guestbook/" method="post">
        <div id='guest_error'>
          <p class='error'>Make sure you fill out all fields!</p>
        </div>
          {% csrf_token %}
          <p>
            <label for="guest_name">Name: </label>
            <input type="text" id="guest_name" name="name"/>
          <p>
            <label for "guest_message">Message: </label>
            <input type="textarea" id="guest_message" name="message"/>
          </p>
          <input type="submit"/>
        </form>
      </div>

0 个答案:

没有答案