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

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>';

    }

我尝试在文本框上添加keypress事件，但它无效。！

$('#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.