limiting only value 0/1 in <td> html

limiting only value 0/1 in <td> html

本文关键字:lt gt html td in value only limiting      更新时间:2024-02-11

我只想在标记中限制0或1。

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

关于如何使用js或css实现这一点,有什么想法吗?

谢谢!

您也可以使用

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

请参阅此小提琴演示更新,由于.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('');
    }

});

请参阅此处更新的小提琴

最简单的方法是检查td的innerHTML值

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

不过,这实际上取决于你从哪里获得TD的数据。

对于可编辑内容的TD,您可以使用"DOMCharacterDataModified"事件侦听器。