簡體   English   中英

JavaScript中的正則表達式,僅允許帶有可選2位小數的數字

[英]Regular Expression in JavaScript to allow only numbers with optional 2 decimals

我想寫一個允許的正則表達式

  1. 退格
  2. 0-9位數
  3. 帶有兩位小數的可選小數部分(對於整數部分沒有限制可以有多少位數)

例如:

  • 允許列表為[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]

這里是:

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

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

至少找到最終解決方案

<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 = "";
        }
    }
}

這個正則表達怎么樣:

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

以下簡單的html代碼將驗證所需的值以及至少1位數的+ ve和-ve數,另外還可選小數點后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()"/>

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM