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位。這樣,我們就可以保證用戶輸入的金額是正確的格式。當然,這只是初步的校驗,后續還需要進行更嚴格的金額校驗。
上一篇20個vue
下一篇mysql和什么一起學