input中验证金额数字输入带popover提示验证

本文介绍如何在HTML输入框中进行金额数字验证,并利用popover技术提供实时输入提示。通过正则表达式限制用户只能输入有效的数值,同时在输入不符合规范时显示popover警告信息,确保数据输入的准确性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


<input size="7" style="border:none;" type="text" name="jine" data-toggle="tooltip" data-placement="top" title="输入的金额不合法,保留4位小数" maxlength=11  onblur="blur_ValidateJine(this,value)" onkeyup="keyup_ValidateJine(this,value)" />
	<!-- Jinqian Number Validate -->
	<script> 
		function keyup_ValidateJine(e,pnumber)    
		{   pnumber =pnumber.replace(/[^\d.]/g,'')
			if( ! /(^[1-9]([0-9]+)?(\.[0-9]{1,4})?$)|(^(0){1}$)|(^[0-9]\.[0-9]{1,4}?$)|(^[1-9]([0-9]+)?\.?$)|(^0\.?$)/.test(pnumber))
			{ $(e).tooltip('show');//alert('输入的金额不合法,小数4位');
			if (parseFloat(pnumber).toString() != "NaN"){
				e.value=String(parseFloat(pnumber));
			}else{e.value=0}
			}else{$(e).tooltip('destroy');}

		}  
		function blur_ValidateJine(e,pnumber)    
		{	
			if(!pnumber){e.value="0";pnumber="0"};
			pnumber =pnumber.replace(/[^\d.]/g,'')
			if(!pnumber){e.value=0};
			if (parseFloat(pnumber).toString() != "NaN"){
				var new_pnumber;
				new_pnumber = pnumber.replace(/([0-9]+\.[0-9]{4})[0-9]*/,"$1");
				console.log(new_pnumber);
				e.value = new_pnumber;
				$(e).tooltip('destroy');
				return false;
			};
			if(!/^[0]([0-9]+)?\.?$/.test(pnumber)){  
			e.value=String(parseFloat(pnumber));
			$(e).tooltip('destroy');
			}
			if(!/(^[1-9]([0-9]+)?\.?$)|(^\d+[.]?\d*$)/.test(pnumber)){  
			e.value=String(parseFloat(pnumber));
			$(e).tooltip('destroy');
			}
			return false;    
		} 
	</script> 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值