当先锋百科网

首页 1 2 3 4 5 6 7

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