css JS问题:input放大镜效果自动判断输入金额加逗号
发布网友
发布时间:2022-04-21 06:02
我来回答
共3个回答
热心网友
时间:2022-04-21 07:31
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><!--引入jquery库-->
<style>
* {margin:0;padding:0;}
.parentCls {margin:0;position:relative;}
.inputElem {height:24px; border:1px solid #ddd; outline:none; }
#fixval {position:absolute; top:-35px; left:0; display:none; border:1px solid #ddd; background:#fff; font-size:18px; font-weight:bold; color:#F60; padding:5px; }
</style>
<div style="height:50px;"></div>
<div class="parentCls">
<input type="text" class="inputElem" autocomplete = "off" maxlength="18"/>
<div id="fixval"></div>
</div>
<script>
$(function(){
$(".inputElem").keyup(function(event){
var txt = $(this).val();
var keyCode = event.which;
if ( txt.length<=0 ) {
$("#fixval").hide();
}else{
if ( $.isNumeric(txt) !== true || keyCode==32 ){//判断输入类型,并去除空格
$(this).val( txt.slice(0,-1) ); //截掉非数字和空格
return false;
}
var re=/(?=(?!\b)(\d{3})+$)/g; //分割数字 1,000
txt = txt.replace(re,",");
$("#fixval").html(txt).show();
}
});
});
</script>
热心网友
时间:2022-04-21 08:49
var reg = /(\d{3})/g;
var str=1000;
str.toString().replace(reg,"$1,");
热心网友
时间:2022-04-21 10:24
需要显示1,000.00这样的么??