色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery input金額驗證

榮姿康2年前9瀏覽0評論

JQuery已經成為前端開發中必不可少的工具之一,它提供了大量的API和插件,使得開發變得更加高效和簡潔。其中,與表單校驗相關的插件就有很多。今天,我們來探討一下如何使用JQuery來對輸入的金額進行校驗。

$(document).ready(function(){
// 輸入框失去焦點事件監聽
$('#amount').blur(function(){
var reg = /^\d+(\.\d{1,2})?$/;
var amount = $(this).val().trim();
if(!reg.test(amount)){
$(this).addClass('error');
$(this).attr('title', '金額格式不正確,只能輸入數字和小數點,小數點后最多2位');
}
else{
$(this).removeClass('error');
$(this).removeAttr('title');
}
});
})

上述代碼中,我們給id為amount的輸入框增加了失去焦點事件監聽。當輸入框失去焦點時,我們使用正則表達式校驗輸入的金額格式是否正確,如果不正確,則添加error類,同時設置輸入框的title屬性為錯誤提示信息。否則,我們將error類移除,并且將title屬性清空。

通過上述代碼,我們可以實現對輸入的金額格式進行校驗,只允許輸入數字和小數點,小數點后最多2位。這樣,我們就可以保證用戶輸入的金額是正確的格式。當然,這只是初步的校驗,后續還需要進行更嚴格的金額校驗。