我有一個人可以輸入價格到(XX.xx)的文本框。有沒有辦法確保他們只輸入小數點後兩位數?Javascript/jQuery - 浮動驗證?
2
A
回答
1
您可以通過Masked Input Plugin解決輸入價格問題。有更多的jQuery website.
驗證數據可以在格式和內容上完成。完成格式化後,您可以使用jQuery validate plugin。對於格式,我會爲地址使用web服務,但對於州和國家,您可以提供下拉式(輸入選擇)和強制選擇。
郵編例如,每個國家不同,所以你必須做出依賴於該國的選擇;)
1
代碼小數點位置:
<input type="text" class="price" value="" />
$('.price').keydown(function() {
var decPos = $(this).val().split('.');
if(decPos.length > 1)
{
decPos = decPos[1];
if(decPos.length >= 2) return false;
}
});
驗證地址信息可能會在這裏找到 - http://docs.jquery.com/Plugins/validation
1
2
這裏是主要類型的驗證。
$(document).ready(function(){
//for numeric integer only
var num_int_Exp = /^[0-9]+$/;
$("body").on("keypress", ".custom_numeric_int", function(e){
var keynum;
if(window.event){ // IE
keynum = e.keyCode;
}else
if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
if(!String.fromCharCode(keynum).match(num_int_Exp))
{
return false;
}
return true;
});
//for numeric float only
$("body").on("keypress", ".custom_numeric_float", function(e){
//$('.custom_numeric_float').keypress(function(event)
//alert($(this).val().indexOf("."));
if ($(this).val().indexOf(".") > -1 && event.which == 46) {
return false;
}
if ((event.which != 46) && (event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
//for character input
var charExp = /^[a-zA-Z]+$/;
$("body").on("keypress", ".custom_char", function(e){
var keynum;
if(window.event){ // IE
keynum = e.keyCode;
}else
if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
if(!String.fromCharCode(keynum).match(charExp))
{
return false;
}
return true;
});
//for alpha-numeric input
var alphaExp = /^[a-zA-Z0-9]+$/;
$("body").on("keypress", ".custom_alphanumeric", function(e){
var keynum;
if(window.event){ // IE
keynum = e.keyCode;
}else
if(e.which){ // Netscape/Firefox/Opera
keynum = e.which;
}
if(!String.fromCharCode(keynum).match(alphaExp))
{
return false;
}
return true;
});});
現在給你的文本框添加適當的類,然後完成驗證。 希望這會有所幫助。
相關問題
- 1. ZF2浮動驗證是無效的,但驗證消息是空
- 2. JQuery:驗證價格浮動(7,2)
- 3. 複選框驗證和浮動圖像
- 4. 浮點數驗證形式
- 5. 自動驗證HTTP驗證
- 6. 如何驗證荷蘭芹驗證中的負數,浮點數
- 7. 浮動和保證金
- 8. 使用php preg_match來驗證浮點值
- 9. 驗證輸入的浮點格式
- 10. 驗證整數和浮點值在PHP
- 11. Android浮點數和負數驗證
- 12. 驗證KeyPress事件中的浮點值
- 13. 採用懸浮窗與Laravel驗證
- 14. zend表單浮點和整數驗證
- 15. 浮子()的哈皮/淳佳驗證
- 16. 驗證浮點數據類型python
- 17. 驗證碼和懸浮窗JS
- 18. 爲什麼ASP.NET MVC 3不能正確驗證我的浮動?
- 19. 浮動看起來IE 7和IE 8(HTML驗證)
- 20. 數字和浮動驗證不是成功
- 21. C#輸入驗證的文本框:浮動
- 22. 自動驗證
- 23. 動態驗證
- 24. 自動驗證
- 25. flassger自動驗證(驗證=真)
- 26. Silverlight 3驗證 - 手動驗證無效?
- 27. JQuery驗證:動態表單不驗證
- 28. 驗證插件 - 自動驗證頁面
- 29. 保證金自動浮動divs
- 30. jQuery驗證移動
這並不確定隨着OP要求輸入小數。 – 2011-02-04 08:34:15