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

最新推荐文章于 2024-06-22 16:00:42 发布

wan26com

最新推荐文章于 2024-06-22 16:00:42 发布

阅读量485

点赞数

CC 4.0 BY-SA版权

分类专栏：随身记 bootstrap

本文链接：https://blog.youkuaiyun.com/wan26com/article/details/79052613

随身记同时被 2 个专栏收录

10 篇文章

订阅专栏

bootstrap

3 篇文章

订阅专栏

本文介绍如何在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>