【项目】正则表达式--充值金额保留两位小数

         前言

正则表达式判断

截取字符串的方式

小结

---

前言

     小编在项目过程中，遇到了正则表达式，之前很少使用到正则表达式，这次遇到了，让自己是一顿好吸收和学习啊，经过实践，找到了两种方法实现“充值金额保留两位小数”的需求。

正则表达式判断

    下面的方法，使用了isPint(str)的方法，通过正则表达式，进行充值金额的判断：

 //充值金额默认第一个值---获取span中的text中的数字
var money = parseFloat($('#reSelect1').text().split("元")[0]); 

//动态获取input中的value
$('.reSelectBox').on('input', function () {
    $('.listPrice').addClass('none');
    $('.listInp').removeClass('none').focus();
    $('.reSelect span').removeClass('on');
    money = $('.listInp').val();
})

//正则表达式方法--判断正整数、最多两位小数
function isPInt(str) {

    var g = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
    return g.test(str);
}
//使用isPInt方法进行判断
 if (!isPInt(money)) {
        yh.oAlert("请输入正确的充值金额,保留两位小数");
    } else if (Number(money) < Number(rechargeAmount)) {
        yh.oAlert("最低充值金额是：" + rechargeAmount + "元");
    }else {
        commonParam.cardNo = cardNo;
        commonParam.rechargeMoney = Number(money);
        console.log(commonParam);
        Zepto.ajax({
            type: 'post',
            url: URL + '/app/card/rechargeOrder',
            data: commonParam,
            dataType: 'json',
            success: function (data) {....

截取字符串的方式

    这种方法也用到了正则表达式，判断money变量是否有小数点，根据小数点去判断是否最多输入了两位小数。

   var reg=/.*\..*/;
   
   //判断money是否包含小数点
   if (reg.test(money) && money.split('.')[1].length > 2){  
        money = parseFloat(money).toFixed(3);
    } else{
        money = parseFloat(money).toFixed(2);
    }

    //使用分割字符串方式，获取小数位数
    if (money.split('.')[1].length > 2)) {
        yh.oAlert("请输入正确的充值金额,保留两位小数");
    } else if (Number(money) < Number(rechargeAmount)) {
        yh.oAlert("最低充值金额是：" + rechargeAmount + "元");
    }else {...

样图如下：

            

小结

       通过这个需求，自己对于正则表达式也有了一定的了解，实践是检验知识的最佳途径。推荐正则表达式的资料：   http://tool.oschina.net/uploads/apidocs/jquery/regexp.html

                                                                                        感谢您的访问！