【发布时间】:2021-01-28 12:04:39
【问题描述】:
我想把结果转成货币格式,试过很多方法都没有解决。我正在使用jQuery Mask。
这是结果:
HTML 代码:
<script src="assets/js/jquery.mask.js"></script>
<div class="container mt-3">
<form method="POST" action="">
<div class="form-group">
<label>Number 1</label>
<input type="text" class="form-control uang" placeholder="0" id="number1" onkeypress="return OnlyNumber(event)" onkeyup="Calculate();">
</div>
<div class="form-group">
<label>Number 2</label>
<input type="text" class="form-control uang" placeholder="0" id="number2" onkeypress="return OnlyNumber(event)" onkeyup="Calculate();">
</div>
<div class="form-group">
<label><strong>(Number 1) + (Number 2)</strong></label>
<p><strong>Result <span id="result">0</span></strong></p>
</div>
</form>
</div>
JavaScript 代码:
function Calculate() {
var Number1 = document.getElementById('number1').value.replace(/\./gi,"");
var Number2 = document.getElementById('number2').value.replace(/\./gi,"");
var HitResult = Number(Number1) + Number(Number2);
if (!isNaN(HitResult)) {
document.getElementById('result').innerHTML = HitResult;
}
}
function OnlyNumber(evt) {
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
return true;
}
}
main.js 中的另一个 JS
$(document).ready(function(){
$( '.uang' ).mask('#.##0', {reverse: true});
})
【问题讨论】:
-
您在寻找这样的东西吗? (stackoverflow.com/questions/2901102/…)
-
你使用哪个框架?
-
@MisterJojo jQuery 和 jQuery Mask。
-
jQuery 或 jQuery Mask 不使用
uang类名,你的框架是什么? -
@MisterJojo 我用这个教程作为类名
uangThis Tutorial
标签: javascript html forms