一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

jQuery validate 验证radio实例

时间:2022-06-25 17:08:38 编辑:袖梨 来源:一聚教程网

具体代码如下所示:

 

 代码如下 复制代码

  

  

    

      checked>

      满减券

    

    

      checked>

      折扣券

    

    

      checked>

      现金券

    

  

  

  

  

    

  

 

其中,自定义错误提示位置只需修改所在的位置即可,id和for的内容可以在浏览器中F12查看到。

 

 代码如下 复制代码

$("#form-member-add").validate({

  rules:{

    sendCouponType:{

      required:true

    },

    platformId:{

      required:true

    },

    couponType:{

      required:true

    }

  },

  onkeyup:false,

  focusCleanup:true,

  success:"valid",

  submitHandler:function(form){

    varcouponInfo = getCouponParameter();

    saveCouponInfo(couponInfo);

  }

});

functionsaveCouponInfo(couponInfo){

  $.ajax({

    type:'POST',

    url:"/coupon/save",

    data: {

      couponStr:couponInfo

    },

    async:false,

    success:function(data){

      if(data.code == 200){

        varindex = parent.layer.getFrameIndex(window.name);

        parent.$('#btn_search').click();

        parent.layer.close(index);

      }elselayer.alert("操作失败");

    }

  }); 

}

// 获取优惠券表单值

vargetCouponParameter =function(){

  varcouponInfo = {};

  couponInfo.id = couponId;

  //优惠券活动名称

  couponInfo.couponName = $('#couponName').val();

  //使用范围

  couponInfo.couponUsingRange = $("input[name='couponUsingRange']:checked").val();

  //发放类型

  couponInfo.sendCouponType = $("input[name='sendCouponType']:checked").val();

  //使用平台

  couponInfo.platformId = $("input[name='platformId']:checked").val();

  //优惠券类型

  couponInfo.couponType = $("input[name='couponType']:checked").val();

  //优惠券使用限制

  couponInfo.meetPrice = $('#meetPrice').val();

  //优惠券面额

  couponInfo.couponAmount = $('#couponAmount').val();

  //活动起始时间

  couponInfo.couponStartDate = $('#couponStartDate').val();

  //活动结束时间

  couponInfo.couponEndDate = $('#couponEndDate').val();

  //优惠券数量

  couponInfo.couponNum = $('#couponNum').val();

  //用户领取优惠券数量限制

  couponInfo.limitGetNum = $('#limitGetNum').val();

  //备注

  couponInfo.remark = $('#remark').val();

  returnJSON.stringify(couponInfo);

}

$("input:radio[name='couponType']").click(function(){

  //1.满减券   2.折扣券    3.现金券

  vartt = $(this).val();

  switch(tt){

    case'1':

      $('#couponMax_div').hide();

      break;

    case'2':

      $('#couponMax_div').show();

      break;

    case'3':

      $('#couponMax_div').hide();

      break;

    default:

      break;

  }

});

 

上面为验证并向后台传参数,并且给radio绑定监听事件。

热门栏目