上週五，同事在解一個網頁的問題，就是ASP.Net的頁面上，使用了validation server controls去驗證必填欄位，然後全部驗證成功後，為了要防止使用者因為連線過慢而導致連續按"送出"按鈕，進而產生兩張單的問題，當下有想到的解法就是使用JQuery在使用者按下"送出"的時候，把送出按鈕Disable。程式碼如下：
1. Submit取消。form不再post back到Server。
2. 任何無效的驗證將顯示出來。
3. 如果驗證是ShowSummary=true，並將收集所有的Error並且呈現。
4. 如果驗證是ShowMessageBox=true，將收集所有的Error並透過Message Box呈現。
因此透過這個特性，所以只要再加上判斷Page.IsValid是否為True，就可以知道是否所有的驗證控制項都驗證成功。
所以將程式改寫成如下：
感謝Yi-Ching提供協助測試，並丟了一個好問題，也感謝金龍一起腦力激盪，消耗不少腦細胞。 ^_^
Reference：
1. http://msdn.microsoft.com/en-us/library/system.web.ui.page.isvalid.aspx
2. http://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside
然而卻發現原來JQuery的$("form").submit是在"送出"按鈕被Click就觸發的，所以根本沒有驗證也一樣會讓Button給Disable，所以必須要確認是validation server controls全部驗證完成後，再執行"送出"按鈕被Disable動作，經過Survey發現你可以用JavaScript去檢查Page.IsValid這個值，不過條件是在Submit的按鈕上的CausesValidation屬性必須要設為True才會有動作，Submit如果設定將CausesValidation屬性設為True則validation server controls全部驗證成功，form才會post到Server上，否則如果有一或多個error，則將會進行以下的動作：
1. Submit取消。form不再post back到Server。
2. 任何無效的驗證將顯示出來。
3. 如果驗證是ShowSummary=true，並將收集所有的Error並且呈現。
4. 如果驗證是ShowMessageBox=true，將收集所有的Error並透過Message Box呈現。
因此透過這個特性，所以只要再加上判斷Page.IsValid是否為True，就可以知道是否所有的驗證控制項都驗證成功。
所以將程式改寫成如下：
就可以既完成驗證，又能夠防止使用者Double Submit。
感謝Yi-Ching提供協助測試，並丟了一個好問題，也感謝金龍一起腦力激盪，消耗不少腦細胞。 ^_^
Reference：
1. http://msdn.microsoft.com/en-us/library/system.web.ui.page.isvalid.aspx
2. http://msdn.microsoft.com/en-us/library/aa479045.aspx#aspplusvalid_clientside
留言