在html中仅限制值0/1

时间:2013-12-03 04:18:07

标签: javascript html css

我想在标签中仅限制0或1。

<td contenteditable id='test'>
#input 0/1
</td>

有关如何使用js或css执行此操作的任何想法?

谢谢!

3 个答案:

答案 0 :(得分:2)

你也可以使用它

$("#test").keypress(function (e) {
    alert(e.keyCode);
    if(e.keyCode == 48 || e.keycode == 49) {
        alert("true");
        return true;
    } else {
        alert("false");
        return false;
    }

});

答案 1 :(得分:1)

参考此fiddle演示 更新,因为.live()已弃用,请使用.on代替.live

$("td input").on("keypress",function(){

 var alpha = new Array();
        alpha = [ "0","1"];
        var charpressed = String.fromCharCode(event.which);
    if(this.value.length>=1){
    return false;
    }
        if (!($.inArray(charpressed, alpha) > -1)) {
               return false;
        }
    else
    {
    $("#required").html('');
    }


});

请参阅更新后的fiddle here

答案 2 :(得分:-1)

最简单的方法是检查td的innerHTML值。这方面的一个例子是:

var myTD = document.getElementById('test');
if( myTD.innerHTML != '1' || myTD.innerHTML != '0' ) {
    myTD.innerHTML = '';
    alert("Incorrect value.");
}

这实际上取决于您获取TD数据的位置。

对于可信的TD,您可以使用“DOMCharacterDataModified”事件监听器。