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;
      }
	}, '');