基於onkeyup和onkeypress的分號逗號分配正負數的javascript限制

Question

今天我在分隔負數和負數的問題上存在問題。例如，我有一個文本框來插入我的號碼和結果後寫入號碼。突然，數以逗號分隔符隔開這樣無論是數量是正面還是負面

eg : 1000 -> 1,000 
    -1000 -> -1,000 
    -1000.12 -> -1,000.12 
    -0.00001 -> -0.00001 

如何實現這個使用JavaScript，我所知道的是使用onkeypress事件和的onkeyup。非常感謝:)

Answer 1

這不是最好的解決方案，但你可以根據你的需要來實現這個。

 

 
var msg = document.getElementById('myInputBox'), 
 
    numberPattern = /^[0-9]+$/; 
 

 
msg.addEventListener('keyup', function(e) { 
 
    msg.value = getFormattedData(msg.value); 
 
}); 
 

 
function checkNumeric(str) { 
 
    return str.replace(/\,/g, ''); 
 
} 
 
Number.prototype.format = function() { 
 
    return this.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, "$1,"); 
 
}; 
 

 
function getFormattedData(num) { 
 
\t var i = checkNumeric(num), 
 
    \t isNegative = checkNumeric(num) < 0, 
 
     val; 
 
     
 
    if (num.indexOf('.') > -1) { 
 
     return num; 
 
    } 
 
    else if (num[num.length - 1] === ',') { 
 
    \t return num; 
 
    } 
 
    else if(i.length < 3) { 
 
    \t return i; 
 
    }else { 
 
    \t val = Number(i.replace(/[^\d]+/g, '')); 
 
    } 
 
    
 
    return (isNegative ? '-' : '') + val.format(); 
 
}

<input type="text" id='myInputBox' value="" />