正则小数验证

<input type="text" id="con" style="width:200px;height:50px;" value="345.56"/>&nbsp;&nbsp;&nbsp;&nbsp;<button id="but" style="width:200px;height:50px;">start</button>
        
<div id="result" style="background-color: #0099FF;"></div>
<div id="result1" style="background-color: #26B33E;"></div>

$(function(){
                var $but = $("#but");
                $but.on(‘click‘,function(){
                    var $con = $("#con").val();
                    var $result = $("#result");
                    var $result1 = $("#result1");
                    
                    var reg1 = /^(\d+)(\.\d{1,2})?$/;
                    //必须整体都符合
                    //0: "345.56"整体结果
                    //1: "345"第一个小分组
                    //2: ".56"第二个小分组
                    
                    $result.html(reg1.exec($con));
                    //这里的显示结果会重复两次的原因是，将数组赋值给了它，这个数组包含了三项，整体结果，第一个小分组，第二个小分组，所以结果看起来是重复了两次其实是：
                    //res[0]->"345.56"    res[1]->"345"    res[2]->".56"
                    
                    var reg2 = /^(\d+)(\.\d{1,2})?/;
                    //在没有$结束的情况下可以匹配到字符串中符合的部分，即使后面的不符合例如：345.56asdf和345.5656
                    //结果依然是(这样也许可以实现截取两位2而不四舍五入)
                    //0: "345.56"
                    //1: "345"
                    //2: ".56"
                    

                    var flag = reg2.test($con);
                    if(flag){
                        //输入为345.588888
                        //结果为345.58
                        $result1.html(reg2.exec($con)[0]);
                    }

                    
                    
                    var res = reg1.exec($con)
                    console.log(res,flag);
                    
                    
                    

//var ary = [1,2,3,4,5];            
//$result1.html(ary);//->12345




                })
                
                
                
            })