我正在從jQuery的FancyBox中加載內聯註冊表單。然而,在提交表單後,該框會立即關閉,同時有一些反饋意見讓我想在FancyBox中顯示用戶。此反饋在服務器端生成並打印在FancyBox中。如何防止提交後立即關閉jQuery FancyBox?
如何讓箱子只在他們沒有反饋時關閉?我正在考慮使用ajax刷新FancyBox本身,而不是刷新後的整個頁面。但我只是無法弄清楚這是如何ajax $ .ajax({類型,緩存,網址,數據,成功});工作......另外,它似乎沒有從JavaScript中的'提交綁定'的反應。
我希望有人能幫助我解決這個問題。我在下面粘貼我的代碼。如有任何疑問,請詢問..
Thx提前!
這是JavaScript:
<script type="text/javascript">
$(document).ready(function() {
$("#various1").fancybox({
'transitionIn' : 'none',
'transitionOut' : 'none',
'scrolling' : 'no',
'titleShow' : false,
'onClosed' : function() {
$("#registration_error").hide();
}
});
});
$("#registration_form").bind("submit", function() {
if ($("#registration_error").val() != "Registration succeeded!") {
$("#registration_error").show();
$.fancybox.resize();
return false;
}
$.fancybox.showActivity();
$.ajax({
type : "POST",
cache : false,
url : "/data/login.php",
data : $(this).serializeArray(),
success : function(data) {
$.fancybox(data);
}
});
return false;
});
這是直列形式,我顯示在的fancybox:
<div style="display: none;">
<div id="registration" style="width:227px;height:250px;overflow:auto;padding:7px;">
<?php echo "<p id=\"registration_error\">".$feed."</p>"; ?>
<form id="registration_form" action="<?php echo $_SERVER['PHP_SELF'] ?>" method="post">
<p>
<label for="username">Username: </label>
<input type="text" id="login_name" name="username" size="30" />
</p>
<p>
<label for="password">Password: </label>
<input type="password" id="pass" name="pw" size="30" />
</p>
<p>
<label for="repeat_password">Repeat password: </label>
<input type="password" id="rep_pass" name="rep_pw" size="30" />
</p>
<p>
<input type="submit" value="Register" name="register" id="reg" />
</p>
<p>
<em></em>
</p>
</form>
</div>
</div>