2017-08-23 8 views
5

は浮動小数点値を受け取るためにenter image description here編集可能なデータテーブルの列を検証する方法は?

はどのように、列のターゲットの検証を追加するには、次のようになり.Which私のasp.netのWebページ上で編集可能なHTMLのデータテーブルを使用していますか。?

機能(の[編集]を有効にする):

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(); 
      } 
     }); 

私はこれを解決するのに手伝ってください。

答えて

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. 
関連する問題