Jquery Masking返回Float / Int Value

时间:2017-07-05 04:23:10

标签: javascript jquery html css jquery-plugins

如何返回使用jquery masking插件屏蔽的输入的原始值?

这种情况下,我使用货币货币掩盖。如果我使用jQuery获取值,它返回字符串,而不是float / int。

我怎样才能将它恢复原值?



$(document).ready(function() {
	$('.money').mask('000.000.000.000.000,00', {reverse: true});
  var mon = $('.money').val();
  console.log(mon);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>

<input type="text" class="money" value="30000">
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:1)

您需要在元素上调用.cleanVal()。阅读{strong>以编程方式获取屏蔽值部分。

&#13;
&#13;
$(document).ready(function() {
	$('.money').mask('000.000.000.000.000,00', {reverse: true});
  var mon = $('.money').cleanVal();
  console.log(mon);
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>

<input type="text" class="money" value="30000">
&#13;
&#13;
&#13;

文本框始终返回字符串值。您必须根据需要使用parseInt()parseFloat()手动将其解析为数字。

答案 1 :(得分:0)

您可以尝试使用parseFloat(string)功能

$(document).ready(function() {
	$('.money').mask('000.000.000.000.000,00', {reverse: true});
  var mon = parseFloat($('.money').val());
  console.log(mon);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>

<input type="text" class="money" value="30000">