弹层组件的使用及前台验证

这里需要下载layer.js

具体代码如下

$('#sub_btn').click(function(){

            var bBtn = false;

            var oTem_dd = null;

            $('.dd').each(function(i,oDd){

                var iTotalNum = $('.sum_text',oDd).val();

                alert("数量="+iTotalNum+oDd)

                var aSpan = $('.people_add .fl span',oDd);

                var iPeopleNum = 0;;

                //计算人数

                aSpan.each(function(j, oSpan) {

                    var tempdataNum = oSpan.getAttribute('data-num');

                    iPeopleNum += parseInt(tempdataNum || 1);

                });

                if(iTotalNum != iPeopleNum){

                    bBtn = true;

                    oTem_dd = oDd;

                    return false;

                }

            })

            if(bBtn){

//  这里就用到到弹层组件来验证显示

                $(window).scrollTop($(oTem_dd).offset().top );

                layer.tips('请填加与体检人数相等的体检人', $('.cf_select',oTem_dd), {

                    tips: [3, 'orange'],

                    //还可配置颜色

                    time: 2000,

                    shift: 6

                })

                return false;

            }