正则校验，input输入一位整数或小数点后只有一位的小数

验证输入值：JavaScript正则表达式检查,
最新推荐文章于 2024-04-12 15:46:42 发布
原创 最新推荐文章于 2024-04-12 15:46:42 发布 · 775 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript

该函数inputCheck接受一个字符串参数inputValue，使用正则表达式检查其是否为一位或两位数字，且可包含一个小数点。如果输入值匹配此模式，函数将返回true，否则返回false。

function inputCheck(inputValue: string) {

  var re = /(^[0-9]{1,1}$)|(^[0-9]{1,2}[\.]{1}[0-9]{1,1}$)/;

  return re.exec(inputValue) != null;

}

C_xran
关注
限制 el-input 输入格式（保留小数）
m0_61603704的博客
03-11 1193
【代码】限制 el-input 输入格式（保留小数）
正则校验整数，校验小数位，校验2-4位小数位，正整数长度可控制
Moria
04-05 3585
实现思路：适用于正则使用不6的童鞋~比如我，此函数使用校验正整数正则，split拆分校验含有小数位正则进行判断。 引用线上vue，可以直接粘贴代码查看效果 1：用于校验2-4位小数位验证和校验正整数验证； 2：小数位前面的正整数长度可输入控制； 3：校验正整数长度可以输入控制 <!DOCTYPE html> <html> <head> <m...
正则保证input输入框为整数和保留小数
qq_44170622的博客
08-20 780
1:保留正是整数和一位小数 <el-input maxlength="4" v-model="changeAnnual.AnnualInput" style="width:120px" placeholder="请输入天数" onkeyup="this.value=this.value.replace(/[^\d\.]/g,'').replace(/\.{3,}/g, '.').replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').re
input框只能输入数字及一位小数点
qq_39548647的博客
05-18 4815
function onlyNonNegative(obj) { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符      obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的      obj.value = obj.value.replace(...
input框正则限制输入内容只能是数字和小数点后一位
m0_46577631的博客
08-11 2216
input框输入限制内容只能是数字并保留小数点后一位 <input v-model="inputValue" /> inputValue(val){ clearTimeout(this.timer) // 防抖 this.timer=setTimeout(()=>{ let reg=/^(0|[1-9]\d*)(\.\d{0,1})?/; // 正则限制输入的值只能是数字和支持小
Js 正则表达式 正整数或一位小数或者俩位小数的正则表达式的写法
热门推荐
pqszq1314的专栏
05-14 1万+
正整数或一位小数或者俩位小数的正则表达式的写法 ^(?!0+(?:\.0+)?$)(?:[1-9]\d*|0)(?:\.\d{1,2})?$
JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数
10-22
在实际应用中，我们还需要考虑一些特殊情况，例如用户可能会在小数点后输入多余的小数位数或输入非数字字符。为了应对这些情况，除了使用正则表达式之外，我们还需要在代码中加入适当的逻辑处理。 例如，为了避免...
最简单的JavaScript验证整数、小数、实数、有效位小数正则表达式
10-24
综上所述，这份文档内容详细地介绍了在JavaScript中使用正则表达式对数字进行验证的方法，涵盖了整数、小数和实数，以及不同小数位数的保留验证，对于前端开发人员在处理用户输入数据时非常有帮助。
利用js正则表达式校验正数、负数、和小数
10-20
本文讨论了如何使用 JavaScript 的正则表达式对数字进行校验，以确保输入的数字是正数、负数或小数。本文提供了代码实例，帮助开发者理解和应用这种校验技术。 ### JavaScript 正则表达式简介 JavaScript 正则...
vue限制输入框只能输入8位整数和2位小数的代码
10-16
文章介绍的是一项在Vue框架中限制用户输入内容的实践，具体要求用户在输入框中只能输入最多8位的整数和最多2位的小数。这项功能在开发涉及金额、数值计算等场景时尤为常见，需要确保用户的输入是符合格式规定的数字...
vue验证input(自然数，正整数，小数)自定义全局指令
bainvebo9347的博客
09-04 618
我的项目是基于Vue和Element-ui的，如果朋友们没有用element-ui,请把代码中的el.children[0].value替换为el.value即可 用了这个指令，验证一些常规的数字更加方便，可以直接组织不符合的数字输入进去 主要就是注册全局的自定义指令，监听键盘抬起事件通过条件判断是否让其输入成功 /** * @desc 验证整数类型数字方法 * ...
正则验证input输入为数字或者小数
鸦人的博客
01-13 2227
1.限制输入内容为正整数 value = value.replace(/^(0+)|[^\d]+/g,''); 2.限制输入内容为正小数，开头不为小数点，只能有一个小数点，小数位数为2位 this.activityForm.vipprice = this.activityForm.vipprice.replace(/[^0-9.]/g,''); this.activityForm.vippric...
正则
unjump的博客
12-26 401
 日常开发文本处理过程中，简单的Ctro+H模式（一对一替换模式）已经不能满足需要了我们需要更为强大的文字处理工具，正则于是应运而生。很多小伙伴不怎么太懂正则。比如我们用到的最多的就是注册的时候我们看到的用户帐号验证，密码的验证、邮箱等等、看看用户所填写的是否合乎规范、但是一般很常用的网上都有大批的资源 正则表达式存在的目的是提高复杂文本分析的效率的，比如说分析html、分析log、分析e
js设置input只保留一位小数
浩星
08-05 2276
前言： input中只保留小数点后一位，直接不让他输入. 实现方法：这里主要用 input事件来监听，vue中的话用 @input input中加上 oninput=onlyNonNegative(this) function onlyNonNegative(obj) { //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/[^\d.]/g, ""); //只保留第一个. 清除多余的 obj.value...
input 限制输入一位小数
Dm123456_的博客
12-29 1747
input 限制输入一位小数
input标签限制输入整数和一位小数、两位小数
m0_59271759的博客
01-30 835
input标签限制
el-input 正则，非负数且只有一个小数点
橙子
04-13 1586
正则验证 <el-input @keyup.native="scope.row.变量 = handleOninput(scope.row.变量)" v-model="scope.row.变量" ></el-input> //正则验证 handleOninput(value){ let str = value; let len1 = str.substr(0, 1); let len2 = str.sub
input输入框保留一位小数、两位小数实现方法。
m0_61429447的博客
04-12 1567
补充：如果是限制只能输入一位小数将 .replace(/(\.\d\d)\d*/, '$1')换成 .replace(/^(-)*(\d+)\.(\d).*$/, '$1$2.$3') 即可。
正则表达式 可以输入负数、正数、小数（小数保留一位）
cw1988的博客
11-15 5078
注意：这里为了简化示例，省略了其他表单验证（如非空、数字范围等）的代码。在实际开发中，为了确保表单数据的安全性和一致性，应该对其进行多重验证。您可以在提交表单时使用 JavaScript 的 match() 函数，将用户输入与该正则表达式进行匹配，以确保用户输入正确。表示小数部分，其中 . 表示小数点，\d{1} 表示一位数字，() 和?12.345 （小数保留一位，但是保留了多于1位）表示可选的负号，即允许输入负数。\d+ 表示至少一位数字，即整数部分。// 用户输入正确，进行相应操作。
JS正则校验小数点后两位
最新发布
03-20
<think>好的，我现在需要回答用户关于JavaScript中使用正则表达式校验小数点后保留两位的问题。用户可能是在开发中需要处理金额输入或者其他需要精确小数的情况，所以正确的正则表达式非常重要。 首先，我得回顾用户提供的几个引用内容。引用1到5都涉及到了保留两位小数的正则表达式，但具体的写法有所不同，需要仔细分析它们的区别和适用场景。 用户的需求是校验输入是否为数字，并且小数点后最多两位。可能的输入情况包括整数（如123），两位小数的数（如123.45），以及没有小数点的数。同时，还要避免无效的格式，比如以0开头后跟其他数字（如012），或者小数点后不足两位的情况（如123.4），或者超过两位的情况。 根据引用1中的正则表达式：`/^([0-9]{1}|^[1-9]{1}\d{1,15})(\.\d{1,2})?$/`，这里允许整数部分可以是单个数字0，或者以非零开头的多位数字，后面可选小数点加1到两位数字。但可能存在允许像“0.12”这样的情况，但如果是多位整数的话，比如“012”，这可能被允许，但其实不正确，因为整数部分不能以0开头，除非是单独的0。 引用2的正则式：`/^[1-9]\d{0,2}\.\d{2}$/`，这个似乎只匹配三位整数加两位小数的情况，比如123.45，但限制了整数部分最多三位，而且必须包含小数点，所以无法匹配整数的情况，这可能不适用用户的需求，因为用户可能需要允许整数或者小数。 引用3中的正则式比较复杂：`/^(([1-9][0-9])|(([0].\d{0,2}|[1-9][0-9].\d{0,2})))$/`，但看起来可能有错误。比如，`[0].\d{0,2}`可能允许0后面直接接小数点，比如0.12，但单独的小数点可能被允许，比如0.，这可能不符合要求，因为小数点后必须有至少一位。此外，这个正则式似乎处理整数部分的方式不够全面，可能有漏洞。 引用4中的正则式：`/^(0|[1-9]\d*)(\.\d{1,2})?/`，这里允许整数部分是0或者以非零开头的数字，后面可以跟小数点和1到两位数字。这看起来更合理，因为它允许0作为整数部分，或者非零开头的整数，后面可选小数点加1或两位小数。但需要注意，这个正则式在匹配时使用了match方法，可能截取符合的部分，但整体校验可能不够严格，比如输入“012.34”会被截取为“12.34”，但用户输入可能希望直接拒绝这种情况。 引用5中的替换方法：`obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')`，这主要用于处理输入，截取小数点后两位，但可能允许更多位数，然后截断。不过这可能用于输入时的格式化，而不是校验。 综合这些引用，正确的正则表达式需要满足以下几点： 1. 整数部分可以是0，或者以非零开头的数字，不能有前导零（比如012是不允许的）。 2. 小数部分可选，如果有的话，必须有小数点且后面有1到2位数字。 3. 允许负数的情况吗？用户的问题中没有提到，所以可能默认不考虑，但需要确认。根据引用5，有处理负号的情况，但其他引用中没有涉及。用户的问题可能只需要正数，所以暂时不考虑负数。 所以，正确的正则表达式可能是： `/^(0|([1-9]\d*))(\.\d{1,2})?$/` 分解来看： - `^` 开始 - `0` 允许单独的0 - `|` 或者 - `[1-9]\d*` 以非零开头的整数，后面可以有任意位数（包括0位，即单个非零数字） - `(\.\d{1,2})?` 可选的小数部分，小数点后必须跟1或2位数字 - `$` 结束 这样，这个正则式可以匹配0，或者非零开头的整数（如123），或者这些整数后跟1或2位小数的情况（如123.4或123.45），但不会允许前导零（如012），也不会允许小数点后没有数字或超过两位的情况。 但需要注意，小数点后的部分是否需要必须两位？比如，用户输入“123.4”是否符合要求？根据需求，可能需要强制小数点后必须两位，但根据一些引用中的情况，可能允许1到两位。比如，引用3中提到“{0,2}”被使用，但指出网上写{1,2}有缺陷，所以可能应该允许小数点后可以有1或2位，但用户的问题可能希望必须两位。需要根据用户的具体需求判断。 用户的问题明确说“小数点后保留两位”，所以可能要求小数点后必须有两位，即如果有小数点，就必须是两位。比如，123.45是允许的，123.4不允许，必须输入123.40吗？或者是否允许用户输入123.4，然后自动补零？这时候正则是否需要严格两位？ 根据引用中的例子，比如引用1中的正则式允许“.d{1,2}”（即1或2位），引用4中的“.d{1,2}”也是允许1或2位。所以用户的问题可能允许输入1或2位小数，但需要校验最多两位。因此正则式中的小数部分应该是“\.\d{1,2}”，即1到两位。 所以，正确的正则式应该是：`/^(0|([1-9]\d*))(\.\d{1,2})?$/` 不过，需要注意单独的小数点情况，例如“123.”是不允许的，因为小数部分必须有1到两位数字。这个正则式中的小数部分是可选的，如果存在的话，必须包含小数点和1-2位数字。 另外，对于类似“0.12”的情况，这个正则式是允许的，因为整数部分是0，后面可以接小数点和两位数字。而“0.123”会被拒绝，因为小数部分超过两位。 此外，需要考虑输入是否可以为空字符串。根据用户的需求，可能输入不能为空，因此正则式需要确保至少有一个0或者非零开头的数字。例如，如果允许空字符串，可能需要调整，但根据问题描述，可能要求必须输入有效数字，所以正则式应该不允许空。 现在，测试一些情况： - “0” → 有效 - “0.12” → 有效 - “0.1” → 有效 - “0.” → 无效（因为小数部分必须有至少一位） - “123” → 有效 - “123.45” → 有效 - “123.4” → 有效 - “123.456” → 无效 - “012” → 无效（前导零） - “00.12” → 无效（整数部分多个零） 但是，根据正则式，整数部分如果是0，后面不能有其他数字，例如“012”会被拒绝，正确。而单独的0是允许的。 如果用户希望允许负数的输入，可以添加负号的可选匹配，例如：`/^-?(0|([1-9]\d*))(\.\d{1,2})?$/`，但问题中没有提到，所以可能不需要。 现在，根据引用中的不同写法，需要综合出一个最佳的正则式。例如引用4的正则式是`/^(0|[1-9]\d*)(\.\d{1,2})?/`，这个和我的分析一致，但可能需要在最后加上$来确保整个字符串的匹配，避免部分匹配。例如，输入“123a”会被正则式中的match截取前面的部分，但在校验时应该整个字符串匹配，所以必须加上^和$。 所以最终的推荐正则式应该是：`/^(0|[1-9]\d*)(\.\d{1,2})?$/` 此外，引用3中提到的问题，例如使用{0,2}会导致小数点后可以输入0位，即允许“123.”这样的情况，但正确的应该是必须输入1或2位。所以在小数部分应该是“\.\d{1,2}”，而不是“\.\d{0,2}”。 因此，正确的正则表达式应该严格匹配这些条件。 现在，考虑用户可能需要处理输入时的实时校验，例如在输入过程中允许用户输入，但最终必须符合要求。例如，引用4中使用了一个防抖函数，在用户输入后处理，截取有效部分。这可能涉及到在输入过程中允许中间状态，但最终校验时使用正则式。 总结，正确的JavaScript正则表达式校验小数点后两位的正则式应为： `/^(0|[1-9]\d*)(\.\d{1,2})?$/` 这个正则式满足以下条件： 1. 允许0或非零开头的整数 2. 整数部分不能有前导零（除了单独的0） 3. 小数部分可选，如果有的话，必须有1到2位数字 测试用例： - 正确情况：0, 123, 123.4, 123.45 - 错误情况：012, 0., 123.456, abc, 123.a4, 12.3.4 另外，如果用户希望小数点后必须精确两位，即如果有小数点，则必须有两位数字，那么需要将小数部分改为`\.\d{2}`，即： `/^(0|[1-9]\d*)(\.\d{2})?$/` 这样，像123.4这样的输入会被拒绝，必须输入123.40。但用户的问题中可能允许1到两位小数，所以之前的版本更合适。 现在，根据用户的引用，例如引用3中提到使用{0,2}，但指出网上的{1,2}有缺陷，可能因为小数点后输入1位是否允许的问题。比如用户可能输入了“123.4”，希望允许，然后在保存时自动补零，或者在输入过程中允许继续输入。因此，正则式应该允许1或2位小数。 所以，最终的正则式应为：`/^(0|[1-9]\d*)(\.\d{1,2})?$/` 此外，如果允许整数部分为0后跟小数点的情况，如0.12，这个正则式是正确的，但如果整数部分是0，后面不能有其他数字，所以0是正确的，0.12也是正确的。 最后，根据引用5中的替换方法，可以处理输入时自动截断多余的小数位，但校验时应该使用完整的正则式。 因此，回答用户的正则式应该是上述的，同时根据引用4中的处理方式，可能需要在输入时使用防抖和截取，但用户的问题主要是校验，所以正则式即可。</think>在JavaScript中校验小数点后保留两位数字的正则表达式需要满足以下要求： 1. 允许整数部分为0或以非零开头的数字 2. 小数部分可选，若有则必须包含1-2位数字 3. 禁止前导零（如012） 推荐正则表达式： ```javascript const reg = /^(0|([1-9]\d*))(\.\d{1,2})?$/; ``` ### 代码实现示例 ```javascript function validateDecimal(input) { const reg = /^(0|([1-9]\d*))(\.\d{1,2})?$/; return reg.test(input); } // 测试用例 console.log(validateDecimal("0")); // true console.log(validateDecimal("123.45")); // true console.log(validateDecimal("12.3")); // true（允许1位小数） console.log(validateDecimal("012")); // false（前导零） console.log(validateDecimal("123.456")); // false（超过2位小数） ``` ### 关键特性说明 1. `0|([1-9]\d*)`：允许单独的0或非零开头的整数[^4] 2. `(\.\d{1,2})?`：小数部分最多两位，且小数点后必须有数字[^3] 3. 严格锚定符`^...$`：确保全字符串匹配[^1] ### 输入优化建议 在输入过程中可通过防抖处理实时校验： ```javascript // 引用防抖处理示例 watch: { newPrice(val) { clearTimeout(this.timer); this.timer = setTimeout(() => { const reg = /^(0|[1-9]\d*)(\.\d{1,2})?/; let price = val.match(reg); this.newPrice = price ? price[0] : ''; }, 1000); } } ```
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值