使文本字段仅接受偶数

Question

如何将html文本输入字段仅接受偶数？

Answer 1

您可以使用一些简单的JavaScript来完成此操作。在下面的示例中，如果输入不是偶数，我只是清空文本字段，您可能想要做更复杂的事情。

为您的输入字段添加一个像这样的onkeyup事件

<input type="text" name="myinput" id="myinput" onkeyup="checkmyinput()">

然后编写你的javaScript函数......

function checkmyinput () {
    // Get inputfield
    var inputfield = document.getElementById("myinput");

    // Get value from inputfield
    var inputval = inputfield.value;

    // Remove non numeric input
    var numeric = inputval.replace(/[^0-9]+/,"");

    // Check if input is numeric and even, if not empty field
    if (numeric.length != inputval.length || numeric%2 != 0) {
        inputfield.value = '';
    }
}

在这里试试： http://jsfiddle.net/dgLrw80L/