BootStrap具有小数位验证的欧芹最小金额失败

时间:2015-12-22 21:40:28

标签: twitter-bootstrap validation parsley.js

当金额中有小数位时,欧芹不会正确验证输入类型='数字'的最小金额。删除小数位有效,但这不是一个选项..

验证适用于输入类型='text',但是是否可以解决type ='number'中的html5限制?

我创建了一个codepen(小提琴似乎与欧芹有麻烦) http://codepen.io/bwolfsohn/pen/eJzbpQ

验证时最低出价为.00

<form class="form-inline bidding" name="IamBidding" ACTION="#" METHOD="POST">
<div class="form-group">
<input class="mb mbinlinebox" TYPE="number"  min="925.00" id="aBidAmount_7167" VALUE="925.00" name="aBidAmount_7167" data-parsley-trigger="change" data-parsley-error-message="You must enter at least 925.00" size="11" maxlength="11" required />
<input type="hidden" name="toa" value="IamBidding" />
<input type="hidden" name="bidtype" value="U" />
<input TYPE="hidden" name="aMin_7167" VALUE="925.00" />
<input TYPE='submit' VALUE="Bid Now" Name="Submit" class='btn btn-success' />
</div></form>  

最低出价25美分

<form class="form-inline bidding" name="IamBidding" ACTION="#" METHOD="POST">
<div class="form-group">
<input class="mb mbinlinebox" TYPE="number"  min="925.25" id="aBidAmount_7167" VALUE="925.25" name="aBidAmount_7167" data-parsley-trigger="change" data-parsley-error-message="You must enter at least 925.25" size="11" maxlength="11" required />
<input type="hidden" name="toa" value="IamBidding" />
<input type="hidden" name="bidtype" value="U" />
<input TYPE="hidden" name="aMin_7167" VALUE="925.25" />
<input TYPE='submit' VALUE="Bid Now" Name="Submit" class='btn btn-success' />
</div></form>  

没有小数位的最低出价验证

<form class="form-inline bidding" name="IamBidding" ACTION="#" METHOD="POST">
<div class="form-group">
<input class="mb mbinlinebox" TYPE="number"  min="925" id="aBidAmount_7167" VALUE="925" name="aBidAmount_7167" data-parsley-trigger="change" data-parsley-error-message="You must enter at least 925" size="11" maxlength="11" required />
<input type="hidden" name="toa" value="IamBidding" />
<input type="hidden" name="bidtype" value="U" />
<input TYPE="hidden" name="aMin_7167" VALUE="925" />
<input TYPE='submit' VALUE="Bid Now" Name="Submit" class='btn btn-success' />
</div></form>  

1 个答案:

答案 0 :(得分:0)

在您的情况下,您应指定step="0.01"。否则默认步骤为1,这不是你想要的!