Javascript 键入时用逗号显示数字
我试图在键入数字时用逗号显示数字。我不知道怎么做。有人能帮我吗Javascript 键入时用逗号显示数字,javascript,jquery,Javascript,Jquery,我试图在键入数字时用逗号显示数字。我不知道怎么做。有人能帮我吗 例如,当键入100000时,它应在键入自身时自动显示100000。我怎么做 使用角度..这很容易。 试试这个。。 创建指令 <!DOCTYPE html> <html> <head> <script data-require="angular.js@*" data-semver="1.2.10" src="http://code.angularjs.org/1.2.10/ang
例如,当键入100000时,它应在键入自身时自动显示100000。我怎么做 使用角度..这很容易。 试试这个。。 创建指令
<!DOCTYPE html>
<html>
<head>
<script data-require="angular.js@*" data-semver="1.2.10" src="http://code.angularjs.org/1.2.10/angular.js"></script>
<script src="script.js"></script>
</head>
<body ng-app="app" ng-controller="myCtrl">
<input type="text" add-commas />
</body>
</html>
可能会帮助您…使用输入掩码检查此项我尝试使用它,但它显示掩码不是一个函数。这就是我所做的。$(document.ready(function(){$(“#input1”).mask(“9999999”);})@SaiKrishna你需要将这个JS插件添加到你的页面中,这样才能工作:@nisar“1,2,3,4,5 6789”这是我得到的输出。但是,我应该得到12,34,56789。谢谢你的帮助@nisar。这很好,但是,我目前的学习过程是在这方面(javascript和jQuery),所以你能在javascript和jQuery中帮助我吗?
angular.module('app', [])
.controller('myCtrl', function($scope) {})
.directive('addCommas', function(){
return {
link: function(scope, el, attrs){
el.bind('focus', function() {
// remove the commas again at focus
el.val(el.val().replace(/,/g , ""));
});
el.bind('keypress', function(e) {
// Only allows one dot and two commas
validate(e, this);
});
el.bind('blur', function(){
// Add two decimal digits
var value = parseFloat(Math.round(el.val() * 100) / 100).toFixed(2);
// Add 1000 seperator
value = addCommas(value);
// Update inputs value
el.val(value);
});
function addCommas(nStr) {
nStr += '';
var x = nStr.split('.');
var x1 = x[0];
var x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + ',' + '$2');
}
return x1 + x2;
}
function validate(evt, ele) {
var theEvent = evt || window.event;
var key = theEvent.keyCode || theEvent.which;
key = String.fromCharCode( key );
var value = ele.value + key;
var regex = /^\d+(.\d{0,2})?$/;
if( !regex.test(value) || key == ",") {
theEvent.returnValue = false;
if(theEvent.preventDefault) theEvent.preventDefault();
}
}
}
}
});