H5/jQuery小技巧

1 ajax获取List，字符串拼接

$.get("olmessage/payWayList",null,function (data) {
    // alert(data);
    $(data).each(function () {
        // alert(data);
        var option = "<option name='"+this.id+"'>"+this.payWay+"</option>";
        $("#payWay").append(option);
    });
});

2 click事件触发解除某框的disabled属性,设置某span隐藏

$(function () {
    $("#radio_company").click(function () {
        // alert("dfsdfs");
        $("#company").attr("disabled",false);
        //隐藏是none，显示是block
        $("#shuoming").css("display","none");
    });
});

3 使用distpicker城市三级联动的方法

添加两个cdn

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/distpicker/2.0.5/distpicker.js"></script>

加上几个span

<span class="province_select"><select class="form-control" id="eprovinceName" data-province="---- 选择省 ----" name="provinceName"></select></span>
<span class="city_select"><select class="form-control" id="ecityName" data-city="---- 选择市 ----" name="cityName"></select></span>
<span class="district_select"><select class="form-control" id="edistrictName" data-district="---- 选择区 ----" name="districtName"></select></span>

4 一种手机号正则判断，并验证输入框

//手机号正则表达判断
$(function () {
    $("#phone").blur(function () {
        var tel = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;
        if (tel.test($("#phone").val())) {
            $("#phoneshuoming").css("color","green");
            $("#phoneshuoming").html("√");
            // alert("true");
        } else {
            // $("#phone").css("border","3px solid red");
            $("#phoneshuoming").css("color","red");
            $("#phoneshuoming").html("您输入的手机号有误，请重试！");
        }
    });
});

邮箱正则

email = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;

5 在前端格式化时间

写入如下方法：

Date.prototype.format = function(fmt) {
    var o = {
        "M+" : this.getMonth()+1,                 //月份
        "d+" : this.getDate(),                    //日
        "h+" : this.getHours(),                   //小时
        "m+" : this.getMinutes(),                 //分
        "s+" : this.getSeconds(),                 //秒
        "q+" : Math.floor((this.getMonth()+3)/3), //季度
        "S"  : this.getMilliseconds()             //毫秒
    };
    if(/(y+)/.test(fmt)) {
        fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
    }
    for(var k in o) {
        if(new RegExp("("+ k +")").test(fmt)){
            fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));
        }
    }
    return fmt;
}

调用：

var date = new Date().format("yyyy-MM-dd");

6 单选框判断是否选中.is(':checked')

我实验了一下，双引号不行，我用在了$("#AAA")后边不行，注意下。
另外，不要少了冒号。

$(function () {
    $("#qwer").click(function () {
        if ($("#radio_personal").is(':checked')) {
            var pp = $("#radio_personal").val();
            alert(pp);
        } else {
            var pp = $("#radio_company").val();
            alert(pp);
        }
    });
});

<input id="radio_company" name="radio" type="radio" value="公司" />公司
<input id="radio_personal" name="radio" type="radio" value="个人" checked />个人

7