使用 Jquery Plugin validation 小技巧

Jquery Plugin validation

位置:http://bassistance.de/jquery-plugins/jquery-plugin-validation/

這是一個功能很強大的Form Validate工具,以下是簡單的sampe

$().ready(function() {                
               $("#<%= this.Form.ClientID%>").validate({
                      rules: {                               
                          <%=this.name.UniqueID%>:{required: true}, 
                      },
                      messages: {
                          <%=this.name.UniqueID%>:{
                          required:"<BR><font color=red><b>【請輸入姓名】</b></font>"                      
                          },  
                      }          
                 
             });
      });
 

我們可以看到 $("#<%= this.Form.ClientID%>").validate 是針對整個表單Form裡的Submit做驗証

如果今天有一個表單按鈕有[確認] [刪除] 時,當使用者按刪除時,他還會對畫面做驗證一次(謎:就是要刪除~~驗證個屁)

這個解決方式有三種:

第一種:
刪除的按鈕不要用Web Control 改成使用HtmlControl ,但要記得加上runat="server" 且type="button",就可以躲過驗證

第二種:
在Button Control 加上 CssClass="cancel" 即可
沒錯,你沒看錯....就是這樣子..........

第三種:
將button Control 的 UseSubmitBehavior設定為False (預設為True)  
感謝HateLove大大指正教學