公共方法

var commonJs = {
    // 验证类型公共方法
    name: function () {
        var nameReg = /^[\u4e00-\u9fa5]{2,4}$/;
        var name = $('#name').val();
        if (name == '' || name.length <= 0) {
            commonJs.toast("姓名不能为空",350);
            return false
        // } else if (!nameReg.test(name)) {
        //     commonJs.toast("名字输入不合法",350);
        //     return false;
        } else {
            commonJs.phone();
        }
    },
    phone: function () {
        var phoneReg = /^1[3|4|5|8][0-9]\d{4,8}$/;
        var phone = $('#phone').val();
        if (phone == '' || phone.length <= 0) {
            commonJs.toast("手机号码不能为空",350);
            return false;
        } else if (!phoneReg.test(phone)) {
            commonJs.toast("手机输入不合法",350);
            return false;
        } else {
            successReg();
        }
    },
    ajaxEncapsulation: function (api_url, mdata, method, success) {
        $.ajax({
            type: method,
            url: api_url,
            dataType: "json",
            data: mdata,
            timeout: 20000,
            error: function (data) {
                console.log(data);
            },
            success: function (data) {
                success ? success(data) : function () {};
            }
        });
    },
    // 提示
    toast: function (msg, timer) {
        $('.toast').remove();
        var str = '';
        str = "<div class='toast'>" + msg + "</div>";
        $('body').append(str);
        $('.toast').fadeIn("slow");
        setTimeout(() => {
            $('.toast').fadeOut("slow");
        }, timer);
    },
    // loading加载提示
    loading:function(){
        $("body").remove('loadingParent');
        var loadingParent = $("<div class='loading'><div>");
        var mengceng = $("<div class='mengceng'></div>");
        var loadingIcon = $("<div class='loadingIcon'></div>");
        var imgContai = $("<div class='imgContain'></div>");
        var imgPic = $("<img src='../_common/image/loading.gif'>");
        var loadingP = $("<p>正在加载中</p>");
        loadingParent.append(mengceng);
        loadingParent.append(loadingIcon);
        loadingIcon.append(imgContai);
        imgContai.append(imgPic);
        loadingIcon.append(loadingP);
        $("body").append(loadingParent);
    },
    closeLoading:function(timer){
        setTimeout(() => {
            $('.loading').remove();
        }, timer);
    },
    // 警告框提示
    warning:function(titleText,btnText,timer){ //(title文字,btn文字,点击按钮后timer后小时)
       /*  <div class="warningAll" style="display:block">
            <div class="mengceng"></div>
            <div class="warning">
            <div class="warningBgColor">
                <p>这里是title</p>
            </div>
            <div class="warningBtn">
                <button>这里是按钮</button>
            </div>
            </div>
        </div> */
        $("body").remove('warningParent');
        var warningParent = $("<div class='warningAll'></div>");
        var mengceng = $("<div class='mengceng'></div>");
        var warningDiv = $("<div class='warning'></div>");
        var warningTitle = $("<div class='warningBgColor'><p>"+titleText+"</p></div>");
        var warningBtnText = $("<div class='warningBtn'><button οnclick=callBacks("+timer+")>"+btnText+"</button></div>");
        warningParent.append(mengceng);
        mengceng.append(warningDiv);
        warningDiv.append(warningTitle);
        warningDiv.append(warningBtnText);
        $("body").append(warningParent);
        warningParent.fadeIn('fast');
    },
    // 确认框提示
    //确认输入框
//toggle切换图片
imgToggle:function(elementId,oldSrc,newSrc){ /* 图片toggle elementId:图片ID,oldSrc:原始图片,newSrc:更换图片*/
    var imgSrc = $(elementId).attr("src");
    if(imgSrc == oldSrc){
        $(elementId).attr("src",newSrc);
    }else{
        $(elementId).attr("src",oldSrc);
    }
}
}function callBacks(timer){ if(timer==undefined){ setTimeout(() => { $('.warningAll').fadeOut('fast'); }, 350); }else{ setTimeout(() => { $('.warningAll').fadeOut('fast'); }, timer); }}



  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值