input表单验证

最新推荐文章于 2024-02-27 17:07:35 发布

孟夏草木长

最新推荐文章于 2024-02-27 17:07:35 发布

阅读量310

点赞数

分类专栏： html input 文章标签： html input

本文链接：https://blog.youkuaiyun.com/muyeju/article/details/103581692

版权

html 同时被 2 个专栏收录

4 篇文章

订阅专栏

input

1 篇文章

订阅专栏

本文介绍如何使用JavaScript限制HTML输入框只能输入整数或小数，并提供了详细的代码实现，包括去除非法字符、验证首个字符为数字、保留指定数量的小数位等功能。

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

1.input表单只能输入整数

var html = '<input onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,\'\');}).call(this)" onblur="this.v();" type="text" />';

2.input表单只能输入整数只能输入小数

var html='<input onkeyup="num(this)" type="text" />';
	  	
//判断只能输入小数
function num(obj){
	obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
	obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
	obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个, 清除多余的
	obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
	obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
}