让用户在输入文本字段中仅键入三个不同的字符

Question

有没有办法让用户只输入三个字符？ 例如，我只想在输入文本字段中允许3 、 6或9 。

Answer 1

这是一种使用 jQuery 的方法： http://jsfiddle.net/ThiefMaster/UZJn2/

<input type="text" maxlength="1" class="only369" />



$('.only369').keyup(function(e) {
    if(this.value != '3' && this.value != '6' && this.value != '9') {
        this.value = '';   
    }
});

Answer 2

纯JS解决方案：

http://jsfiddle.net/ampersand/eg8Dn/

资源：

<input id="number" type="number" min="3" max="9" step="3" value="3">

<script>
document.getElementById('number').addEventListener('keyup',function(ev){
    this.value=!!~['3','6','9'].indexOf(this.value) ? this.value : '';
})
</script>

Answer 3

我想它可能会帮助你...

<script type="text/javascript">
function validate(e)
{
    return (e.charCode == 51 || e.charCode == 54 || e.charCode == 57)
}
</script>
<form>
<input name="name" type="text" onkeypress="return validate(event);" />
</form>

如果要限制出现次数，只需设置输入字段的 maxlength 属性即可。

Answer 4

简短的回答：

"0123456789".replace(/[^369]/g, "")

Answer 5

当然。 侦听输入元素上的onchange事件，当值与这三个数字不同且大于树时， return false 。

Answer 6

使用onchange="this.value=this.value.replace(/[^369]/g, '')"

Answer 7

使用这个插件。 太棒了：字母数字

你的问题的答案就这么简单

$('.numericInput').numeric({ichars:'0124578'});

从作者方面：

您是否曾经需要阻止用户在您的表单中输入某些字符？

查看 jQuery 提供的插件，我发现了一个很棒的插件，由 Sam Collet 制作，名为 Numeric。

但它太有限了，如果我要求用户创建一个用户名怎么办？ 或者，如果我需要输入带小数的数字或 IP 地址怎么办？ 还有另一个很棒的插件，叫做 Josh Bush 的 Masked Input，它还可以通过定义掩码来控制用户输入。 然而，问题是要插入的文本的长度也必须定义。 同样，如果我需要控制用户名的输入怎么办？ 我不知道用户将使用多少个字符，也不能强迫他只使用 8 个字符，所以我创建了 AlphaNumeric。

jQuery AlphaNumeric 是一个 javascript 控制插件，允许您限制用户可以在文本框或文本区域上输入的字符。 玩得开心。