Làm cách nào để xác thực một cột trong một dữ liệu có thể chỉnh sửa?

Question

Đang sử dụng một DataTable HTML có thể chỉnh sửa trên trang web asp.net của tôi Nào giống như thế này,

Làm thế nào để thêm xác nhận trên cột Target, để nhận được giá trị float chỉ.?

Chức năng (Để kích hoạt tính năng chỉnh sửa):

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

    } 

Tôi cố gắng để thêm sự kiện phím nhấn trên hộp, nhưng nó không làm việc.!

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

Mới để jquery vì vậy hãy giúp tôi giải quyết vấn đề này?

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.