我正在使用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>