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位。这样,我们就可以保证用户输入的金额是正确的格式。当然,这只是初步的校验,后续还需要进行更严格的金额校验。