jquery validate驗證插件，在ajax提交方式下的驗證

正常的表單都是使用submit按鈕來提交，jquery  validate插件可以方便的做表單驗證。

要做一個發送短信的功能，向目標表插入多條記錄，界面采用ajax來提交表單，等待效果直接用ext的遮罩了。

但是如何驗證卻碰到問題。

解決方式很簡單，表單跟正常表單一樣，validate的submitHandler，invalidHandler這2個方法都需要覆蓋，都return false;這樣表單就不會在點擊按鈕的時候提交了，表單驗證跟正常驗證起作用。submitHandler在return 之前寫上我們的表單處理代碼就ok了。

代碼如下，可以忽略ext相關代碼。

//表單驗證
    $("#query").validate({
        onkeyup  : false,
        onclick  : false,
        onfocusout : false,
            rules : {
                msg : {
                    required    : true,
                    maxlength    : 10
                } 
            },
            messages:{
                msg:{
                    required    : '請輸入短信內容!',
                    maxlength    : '長度超過10!'
                } 
            },
            showErrors : function(errorMap, errorList) {
                var msg = "";   
                $.each(errorList, function(i,v){   
                  msg += (v.message+"\r\n");   
                });   
                if(msg!="")
                Ext.Msg.alert('表單',msg + fix);
            },
            invalidHandler : function(){
                return false;
            },
            submitHandler : function(){
                //表單的處理
                Ext.Msg.confirm("確認", "是否確認發送?" + fix, function(button,text){   
                   if(button == 'yes'){
                           loadMarsk.show();
                           $.ajax({
                               url:'<%=basePath %>promotionAction.do?method=group',
                               dataType:'json',
                               type:'post',
                               data:$('#query').serialize(),
                               error:function(){
                                   Ext.Msg.alert('錯誤','請求錯誤！' + fix);
                                   loadMarsk.hide();
                               },
                               success:function(data){
                                   Ext.Msg.alert('成功',data.msg + fix);
                                   loadMarsk.hide();
                               }
                           })
                   }
                } );   //confirm
                return false;//阻止表單提交
            }
        });