如何添加代码,只允许在我的代码中使用十进制后的两位数

时间:2017-04-28 10:14:27

标签: jquery html5

我是jquery的新手。我有两个文本框的表单。因为我限制特殊字符。

现在我想要只有两位数的工具十进制值。

<form>
 <div class="col-md-6">
<div class="form-group ">
<label for="minAmt" class="col-lg-4 control-label">Min.Amount</label>
<div class="col-lg-6">
 <input type="text" class="form-control" id="minAmt" name="minAmt" placeholder="Enter Min Amount"/>
</div>
</div>
<div class="form-group ">
<label for="maxAmt" class="col-lg-4 control-label">Max.Amount</label>
<div class="col-lg-6">
 <input type="text" class="form-control" id="maxAmt" name="maxAmt" placeholder="Enter Max Amount"/>
</div>
</div>
</div>
</form>

脚本代码:

<script>
$('#minAmt').keyup(function(){
var reg = /^0+/gi;
if (this.value.match(reg)) {
  this.value = this.value.replace(reg, '');
}
if (this.value.match(/[^0-9]./g)) {
  this.value = this.value.replace(/[^0-9.]/g, '');
}
});
$('#maxAmt').keyup(function(){
var reg = /^0+/gi;
if (this.value.match(reg)) {
  this.value = this.value.replace(reg, '');
}
if (this.value.match(/[^0-9.]/g)) {
  this.value = this.value.replace(/[^0-9.]/g, '');
}
});

如何实现逻辑?

1 个答案:

答案 0 :(得分:1)

检查出来:

$(function(){
  $('#textbox').on('blur',function(){
    var num = parseFloat($("#textbox").val());
    var new_num = $("#textbox").val(num.toFixed(2));
    
    alert('Only two desimal number shold be acceptable..');return false;
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" id="textbox" value="1.1251112314555" />

Here是针对点击事件的另一个演示。希望这对你有帮助!