如何防止“0”成为文本框中输入的第一个字符

Question

如何轻松防止0 成为使用 JavaScript 在文本框中输入的第一个字符？我想要.Net OnKeyDown() 之类的东西。当用户按下 0 键以阻止第一个字符

e.Handled = true;

---

为什么这不起作用？

function PreventFirstCharZero()
{
var TB = document.getElementById("idbox").value;
var TextLength = TB.value.length;

if (48 == event.keyCode && 0 == TextLength)
{
    event.preventDefault();
}
}

---

这行不通

function PreventFirstCharZero()
{
    if ('0' == document.getElementById("idbox")[0].value)
    {
        event.preventDefault();
    }
}

Answer 1

试试这个http://jsbin.com/sanoz/4/edit

document.getElementById('input').addEventListener('keyup', function(){
    if(this.value.charAt(0) === '0')
        this.value = this.value.slice(1);
});

您可以使用以下方法防止粘贴：

<input onpaste="return false;" id="input"/>

或者看看这个：detecting change in a text input box using jquery/javascript

Answer 2

老实说，阻止输入密钥不是一个好的解决方案，因为您始终可以复制/粘贴，并且事件不会触发。

如果我可以建议您使用其他解决方案，请使用 change（或 blur，因为更改显然不适用于所有浏览器）事件并删除第一个字符（如果它是 0）：

document.getElementById('noZero').addEventListener('blur', checkZero)

function checkZero(){
    var val = this.value;
    if(val.charAt(0) === '0')
        this.value = val.slice(1), checkZero.call(this);
}

http://jsfiddle.net/F5ZSA/6/

---

如果您绝对想要一个按键事件，您可以将'change' 更改为'keyup'，它会起作用，但仍然可以右键单击和粘贴而不会触发keyup 事件；

Answer 3

简短而甜美的纯 JavaScript 单行代码：

<input onkeyup="if (event.srcElement.value.charAt(0) == '0') { event.srcElement.value = event.srcElement.value.slice(1); }" />

JsFiddle

Answer 4

试试这个！

$("#input").on("keypress keyup",function(){
    if($(this).val() == '0'){
      $(this).val('');  
    }
});

jsfiddle

Answer 5

<input type="text" onKeyUp="Prevent(this.value)" id="testInput" />

javascript

function Prevent(value) {
    var x = document.getElementById("testInput");
    if (value == 'O') {
        x.value = '';
    }
}

Demo Fiddle