JavaScript中的正则表达式,仅允许带有可选2位小数的数字

时间:2014-01-18 11:53:34

标签: javascript jquery regex

我想编写一个允许

的正则表达式
  1. 退格
  2. 0-9位数
  3. 带有两位小数的可选小数部分(对于整数部分没有限制,可以有多少位数)
  4. 例如:

    • 允许列表为[12,232.0,23。(仅带点),345.09,78.23,134.00,0.21,.21,.02,.01 .12]
    • 不允许[12.878,34.343.334,.0003]

    这个正则表达式的使用就像在javascript事件

    上一样
    <input type="text"  onKeyPress="validatenumber(event);"   /><br>
    

    我的代码是

    function validatenumber(evt) {
      var theEvent = evt || window.event;
      var key = theEvent.keyCode || theEvent.which;
      key = String.fromCharCode( key );
      var regex = /^[0-9\b]+$/;    // allow only numbers [0-9] 
      if( !regex.test(key) ) {
        theEvent.returnValue = false;
        if(theEvent.preventDefault) theEvent.preventDefault();
      }
    }
    

    我想用新的正则表达式只改变这一行:

    var regex = /^[0-9\b]+$/;    // allow only numbers [0-9]
    

4 个答案:

答案 0 :(得分:6)

这是:

/^\d*(?:\.\d{1,2})?$/

工作演示:http://jsfiddle.net/qd7BL/

答案 1 :(得分:4)

至少找到最终解决方案

<input id="txtId" type="text" onkeyup="NumAndTwoDecimals(event , this);"></input>

 function NumAndTwoDecimals(e , field) {
    var val = field.value;
    var re = /^([0-9]+[\.]?[0-9]?[0-9]?|[0-9]+)$/g;
    var re1 = /^([0-9]+[\.]?[0-9]?[0-9]?|[0-9]+)/g;
    if (re.test(val)) {
        //do something here

    } else {
        val = re1.exec(val);
        if (val) {
            field.value = val[0];
        } else {
            field.value = "";
        }
    }
}

答案 2 :(得分:0)

这个正则表达式怎么样:

^\d*(?:\.\d\d)?$

答案 3 :(得分:0)

以下简单的html代码将验证所需的值以及+ ve&amp; - 至少1位数字的数字,小数点后可选2位数。

JS代码:

        function validateNum() {

            /*
            For mandatry input field, use variable: "patForReqdFld".
            For optional input filed, use variable: "patForOptFld".
            */

            var patForReqdFld = /^(\-)?([\d]+(?:\.\d{1,2})?)$/;
            var patForOptFld = /^(\-)?([\d]*(?:\.\d{1,2})?)$/;

            var value = document.getElementById('txtNum').value;

            if(patForReqdFld.test(value)) {
                alert('Valid Number: ' + value);
            } else {
                alert('Invalid Number: ' + value);
            }
        }

HTML代码:

        <label>Enter Number:&nbsp;</label>
        <input type="text" id="txtNum" onBlur="validateNum()"/>