jQuery.validate框架驗證表單應用總結

1、  字段是否是必填，可以在rules中用required表示，注意，這裏取字段是根據name的值，而非id. （紅色標註的是name，根據黃底這一行代碼可以看出，當id與name的值不同時，可以檢測出來）

 

 

<ul>
                 
                  <li>券名稱： <INPUT  name="cName" id="cName" type=text value="請輸入優惠券名稱"  maxlength="10"></input></li>
                  <li>面值： <INPUT  name="cAmount" type=text id="cAmount"   ></input>元</li>
                  <li>適用門店：<INPUT  type=text value=""  id="cShopsId" name="shopesId"></input></li>
 </ul>

 

對應的JS：

 $(document).ready(function() {
        $("#couponAddForm").validate({
            
            rules:{
            cName:"required",
            cAmount:"required",
            shopesId:"required"

            }

        });
});

 

2、日期的處理

 $.validator.addMethod("checkDate_end", function(value,element) {
     var validate = $("input:radio[type='radio'][checked]").val();
     if(validate ==1 ){
       if(value != "" ){
            var beginDate = $("#startDate").val();
            var endDate = $("#endDate").val();
            var dt1 = new Date(beginDate.replace(/-/g, "/")); //轉換成日期類型
            var dt2 = new Date(endDate.replace(/-/g, "/")); //轉換成日期類型
            return this.optional(element) || dt1 <= dt2;
        }
      }else{
          return true;
      }
	}, '');