c# - 如何验证可编辑数据表中的列？

Question

我在我的 asp.net 网页上使用可编辑的 HTML 数据表。它看起来像这样，

如何在 Target 列上添加验证，以仅接收浮点值。？

函数(启用编辑):

function editRow(oTable, nRow) {
  var aData = oTable.fnGetData(nRow);
  var jqTds = $('>td', nRow);
  jqTds[0].innerHTML = aData[0];
  jqTds[1].innerHTML = aData[1];
  jqTds[2].innerHTML = '<input type="text" id="Float" class="form-control" value="' + aData[2] + '">';

  jqTds[3].innerHTML = '<a class="save-row" href="">Save</a>';
  jqTds[4].innerHTML = '<a class="cancel-row" href="">Cancel</a>';

    }

我试图在文本框上添加按键事件，但它不起作用。!

$('#Float').keypress(function (event) {
           if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57) && (event.which != 8)) {
               event.preventDefault();
           }
       });

我是 jquery 的新手，所以请帮我解决这个问题？

Answer 1

Try:

  onload =function(){ 
  var ele = document.querySelectorAll('.number-only')[0];
  ele.onkeypress = function(e) {
     if(isNaN(this.value+""+String.fromCharCode(e.charCode)))
        return false;
  }
  ele.onpaste = function(e){
     e.preventDefault();
  }
}

Note: Above code doesn't work for -ve values.