限制input输入类型：数字、小数点和负号

最新推荐文章于 2024-06-13 10:45:00 发布

比特字节

最新推荐文章于 2024-06-13 10:45:00 发布

阅读量7.2k

点赞数 1

分类专栏： Html、Asp、Php 文章标签：数字小数点负号 JS Input

本文链接：https://blog.csdn.net/bitezijie/article/details/42932835

版权

Html、Asp、Php 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

限制input输入类型，要求：数字中可以包括小数点和负号，且负号只能出现在最左侧，小数点和负号只能出现一次，小数点后不能多于2位。

此设定最适用于货币金额的输入，有小数点及小数点后的n位限制（n>1）；有正负（借贷）；限制负号只能出现在最左侧；限制小数点和负号只能出现一次。

在<Head>……</Head>之间

<SCRIPT language="javascript">
function checkNum(obj) {  
     //检查是否是非数字值  
     if (isNaN(obj.value)) {  
         obj.value = "";  
     }  
     if (obj != null) {  
         //检查小数点后是否对于两位
         if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) {  
             alert("小数点后不能多于两位！");  
             obj.value = "";  
         }  
     }  
 }
</SCRIPT>

在INPUT输入框

<input type="text" name="cash" id="cash" οnkeyup="checkNum(this)"/>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

比特字节

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

input限制输入数值金额数值小数点符号

01-21

input限制输入数值金额数值小数点符号 input限制输入数值金额数值小数点符号

vue限制输入框禁止输入小数点

weixin_45966674的博客

10-13

2537

我们这里onkeyup用的this 是输入框本身 value 是真的输入框的value 所以你不用担心输入框v-model 上绑定了什么。type="number"能阻止用户输入字符等但还是防止不了小数点 因为小数点在数字类型的输入中是合理的。这样就能很好的规避用户输入小数点 而且就一行代码直接有效。我们可以在onkeyup中做一些手脚。有一些需求会要求我们只能输入正整数。

参与评论您还未登录，请先登录后发表或查看评论

INPUT文本框只准输入数字和小数点及负数

君子不卿

11-10

1666

限制文本框只能输入正数，负数，小数。限制文本框只能输入正数，小数。

input 输入框禁止输入小数点

12-18

1万+

最近做一个项目需求是输入框只能输入数字，并且禁止输入小数 intpu type=number 就可以控制只允许输入数字，但是不能控制输入小数在网上查阅相关资料后整理了下代码如下 input type=number 禁止输入小数点 $(document).ready(function(){ var ipt = $('#num

input输入框只能输入数字、小数及负数

蓝色格子ren的博客

01-24

6923

使用js控制input输入框只能输入数字、小数及负数，通过监听键盘事件触发js方法实现。代码如下： //input框 <input type="text" onKeyUp="clearNoNum(event,this)" id="entryItemUpdate2" name="score" class="" style="width:50%;"> //js方法

input限制输入（数字+小数点）（数字、小数点、-）

05-24

往往需要限制输入，本资源包含input只能输入数字+两位小数。以及数字+小数点+符号-。也就是两种类型的限制。数字和小数点。以及负数和小数点。并且小数点不能出现在第一位，并且只能出现一次。-只能出现在第一位，...

js 限制input只能输入数字、字母和汉字等等

10-26

本文将详细解释如何通过JavaScript实现对input元素输入内容的限制，主要包括以下几种限制情况：只能输入数字、字母和汉字；只能输入数字，包括小数点；不能输入特定字符；限制小数点后位数等。 1. 限制只能输入数字...

js正则表达式限制文本框只能输入数字,小数点,英文字母.pdf

11-11

<input name="txt1" onchange="if (/\D/.test(this.value)) { alert('只能输入数字'); this.value = ''; }"> ``` **解释**： - `isNaN(value)`：检查值是否不是数字。 - `execCommand('undo')`：撤销上一次操作，即...

android 只输入数字与小数点_Android EditText实现输入金额类型详解

weixin_35756624的博客

02-15

674

前言众所周知，Android中的editText默认的属性里面是没有金额类型的，所以要实现这个功能我们就必须自己动手丰衣足食。下面话不多说了，来一起看看详细的介绍吧。一.EditText只允许输入数字、小数点。首先要知道金额有两部分构成，整数部分和小数部分，要实现只输入数字和小数点很简单。自己查能很容易查到。把type设置成InputType.TYPE_NUMBER_FLAG_DECIMAL|In...

关于 input 如何对输入框进行限制数字，小数点，及小数点后数字个数等问题

最新发布

qq_43235503的博客

06-13

1122

input输入框禁止输入小数点方法

input 不让输入负数

weixin_44864947的博客

02-24

2204

input 不让输入负数加粗样式 οninput=“value=value.replace(’-’, ‘’)” 写在input标签上

input type=number禁止输入小数

泥猴桃的博客

10-09

2万+

最近做一个项目需求是输入框只能输入数字，并且禁止输入小数 intpu type=number 就可以控制只允许输入数字，但是不能控制输入小数在网上查阅相关资料后整理了下代码如下<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>input type=number 禁止输入小数点</tit

input输入框限制输入数字和小数点（js）

weixin_37632716的博客

09-10

1619

HTML限制 html1 += '</select><input onkeyup="this.value=this.value.replace(/[^0-9\\.]/g,\'\')" id=' + t_value + ' type="text" name=' + t_value + ' value="" placeholder="填写规格" style="width:90px;height:22px;position:absolute;left:125px;top:-3px">&

input 禁止输入+-只能输入数字负数不能输入

C92525的博客

09-04

461

el-input placeholder="请输入内容" v-model="ruleForm.invoice_amount"

a-input 限制只能输入数字且一个小数点

fdy339的博客

01-23

900

【代码】a-input 限制之输入数字且一个小数点。

js正则限制 input 输入框匹配两位小数的数值，支持负数

江南的代码日记

01-08

3233

js正则限制 input 输入框匹配两位小数的数值，支持负数在form表单的制作中，经常会遇到需要填入数量或金额这样的数值型字段，这时候就需要通过Js对input输入框的值做验证，如下方法为可支持负数的Js方法，希望可以帮助到需要的人。 // 文本框输入值处理，仅支持填入数值，支持负数 function CheckNum(obj) { obj.value = obj.value.repl...

input限制输入数字为：正整数、正数、小数

weixin_46806380的博客

01-14

1万+

input限制输入数字为正整数/正数/小数

vue3 实现el-input只能输入数字和符号

08-04

引用[1]和[2]提供了两种方法来实现Vue中的el-input只能输入数字和符号。其中一种方法是使用oninput事件和正则表达式来限制输入，只允许数字和符号的输入。另一种方法是使用@input事件和自定义的inputChange方法来替换非数字和符号的字符。你可以根据自己的需求选择其中一种方法来实现。引用[1]中的代码示例使用了oninput事件和正则表达式来限制输入。在el-input标签中添加oninput属性，并设置对应的限制条件，例如只允许输入数字和小数点。通过在oninput事件中对输入的值进行处理，可以实现只允许输入数字和符号的效果。引用[2]中的代码示例使用了@input事件和自定义的inputChange方法来替换非数字和符号的字符。在el-input标签中添加@input属性，并绑定对应的inputChange方法。在inputChange方法中，使用正则表达式将非数字和符号的字符替换为空字符串，从而实现只允许输入数字和符号的效果。你可以根据自己的需求选择其中一种方法，并根据代码示例进行相应的修改和调整，以实现el-input只能输入数字和符号的功能。