2012-07-30 130 views
1

我有一個註冊表單,訪客可以註冊,當他們按下提交按鈕時,包含註冊表單的div稍微向左移動,以便它出現在中間。只執行一次功能

這樣做的代碼工作正常,但如果訪問者在寄存器表單中寫錯了,他們需要重新嘗試,但是如果重複幾次,註冊表單會再次移動它將完全移出容器。

我該如何觸發一次功能?這裏是我當前的代碼:

... 

$('#form form').submit(function(){ 

// Some code for showing "loading" image etc.. 

}); 
+0

我認爲不是一次運行提交函數(這會導致已經提交錯誤信息的用戶出現問題),您需要爲註冊時出現問題的用戶提供另一個處理程序,以便將表單移回到原來的位置。 – Qorbani 2012-07-30 20:33:49

+0

@Qorbani是的,這也可能是一個解決方案,但我想要一個像[Academia](http://academia.edu)那樣的註冊表,查看它,看起來很酷,根據我)。 – DannyCruzeira 2012-07-30 20:37:34

+0

感謝分享鏈接:-)另一種實現此目的的方法是使用CSS技巧並向表單容器中添加CSS類,以移動表單,然後在提交邏輯中僅添加要形成的類,即使它在那裏,不會生效兩次。它將用戶界面邏輯從代碼中分離出來的其他好處。 – Qorbani 2012-07-30 23:02:11

回答

6

可以使用one()電話,

$('#form form').one('submit', function(){ 

// Some code for showing "loading" image etc.. 

}); 

那麼它只會被解僱的第一次。

+0

謝謝!完美工作。 – DannyCruzeira 2012-07-30 20:30:40