限制輸入到文本框：僅數字（可以把負號，並且只有單個小數點）

Question

如何限制輸入文本框，的限制：

• 只有數字
• 只有1週期
• 可以把在開始負/負號僅

Answer 1

您可以使用正則表達式來驗證上的文本框的keydown事件輸入：

正則表達式

/^-?\d{2}(\.\d+)?$/ 

作爲一個側面說明做一些研究到JavaScript和jQuery。

Answer 2

下面是代碼：

HTML：

<input type="text" id="main"></input> 

的Javascript：

var main = document.getElementById('main'); 
main.onkeydown = codeFunc; 

function codeFunc(e) { 
    var code = e.which || e.keyCode; 
    var value = e.currentTarget.value; 
    var letter = String.fromCharCode(code); 
    codeFunc.isNegative = value.indexOf("-") > -1; 
    codeFunc.isMiddle = value.length != 0; 
    var letter = String.fromCharCode(code); 
    if (letter == "-" && !codeFunc.isNegative && !codeFunc.isMiddle) { 
     codeFunc.isMiddle = true; 
     codeFunc.isNegative = true; 
     return true; 
    } else if (letter == "¾" && !codeFunc.isDecimal) { 
     codeFunc.isMiddle = true; 
     codeFunc.isDecimal = true; 
     return true; 
    } 
    var test = /[\d\b]+/.test(letter); 
    if (!codeFunc.isMiddle) { 
     codeFunc.isMiddle = test; 
     return codeFunc.isMiddle; 
    } 
    return test; 
} 

JSFIDDLE