js如何验证用户输入的只能是数字？

最新推荐文章于 2023-04-03 16:07:55 发布
最新推荐文章于 2023-04-03 16:07:55 发布
阅读量2k 收藏 4
点赞数 1
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/chuanqimessi/p/4725663.html
版权 
方法一
如果判断输入的是否是数字，如果不是数字弹出一个提示：简易代码如下：
<body>
<input type="text" id="inp"></table>
</body>
<script>
	var oInp = document.getElementById('inp');
	oInp.οnblur=function(){
		if(isNaN(Number(oInp.value))){  //当输入不是数字的时候，Number后返回的值是NaN;然后用isNaN判断。
			alert('不是数字！')
		}
	}
</script>




方法二:
<script language="javascript"> 
function CheckMyForm() 
{ 
var txt = myform.mytext.value; 
if(checknumber(txt)) 
{ 
alert("只允许输入数字！"); 
return false; 
} 
return true; 
} 
function checknumber(String) 
{ 
var Letters = "1234567890"; 
var i; 
var c; 
for( i = 0; i < String.length; i ++ ) 
{ 
c = String.charAt( i ); 
if (Letters.indexOf( c ) ==-1) 
{ 
return true; 
} 
} 
return false; 
} 
</script> 
<body> 
<form name="myform" onSubmit="return CheckMyForm()"> 
<input type="text" name="mytext"> 
<input type="submit" name="mysubmit"> 
</form> 
</body>

方法三 :正则表达式

最完整最精确的方法：(正则表达式)

1）

　　 "^\\d+$"　　　　　　　　　　//非负整数（正整数 + 0） 
　　"^[0-9]*[1-9][0-9]*$"　　　 //正整数 
　　"^((-\\d+)|(0+))$"　　　　    //非正整数（负整数 + 0） 
　　"^-[0-9]*[1-9][0-9]*$"　　  //负整数 
　　"^-?\\d+$"　　　　　　　　   //整数 
　　"^\\d+("　　　　　　　　　　 //非负浮点数（正浮点数 + 0） 
　　"^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　　　//正浮点数
　　"^((-\\d+("　　　　　　　　   //非正浮点数（负浮点数 + 0） 
　　"^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　  //负浮点数 
　　"^(-?\\d+)("　　　　　　　　 //浮点数
2）

　　var r = /^\+?[1-9][0-9]*$/;　　//正整数 
      r.test(str);











转载于:https://www.cnblogs.com/chuanqimessi/p/4725663.html

weixin_34321753
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js使用正则表达式校验数字
Mr_LuoYanan的博客
01-02 7234
1.小数校验（整数或者小数，包含负数） var reg1 = new RegExp("^(\\-)?\\d+(\\.\\d+)?$"); 2. 费用校验，单位元（最多保留两位小数或者整数，不含负数，包含0，0.00） var reg2 = new RegExp("^(([1-9][0-9]*|0)|(([0]\\.\\d{1,2}|[1-9][0-9]*\\.\\d{1,2}))...
解析使用js判断只能输入数字、字母等验证的方法(总结)
10-27
本篇文章对使用js判断只能输入数字、字母等验证的方法进行了总结介绍，需要的朋友参考下
JS验证只能输入数字
06-30
问题：1.js验证只能输入数字. 2.js验证只能输入字母.数字和下划线. 3.js验证固定电话：只能是数字.并且有相应的格式028-67519441 或者 0839-8777222或者 028-6545124 的答案！
JS正则表达式只能输入数字
Luo_da的博客
02-24 1万+
                 //只能是数字 if(!(/^[0-9]+$/.test($('#ID').val()))){ $.messager.show({ msg : '货架与载位请求参数错误！', title : '错误' }); return; }
js判断是否为数字的几种方式
最新发布
letianxf的博客
04-03 4857
JavaScript 判断是否为数字的几种方式
js正则校验只能存在数字和小数点
jiangjing1227的博客
01-11 1929
let reg = /^(([1-9]{1}\d*)|(0{1}))((.\d{0,2})?)$/
常用正则表达式
爱旅行的攻城狮
10-15 827
验证数字的正则表达式集  验证数字：^[0-9]*$  验证n位的数字：^\d{n}$  验证至少n位数字：^\d{n,}$  验证m-n位的数字：^\d{m,n}$  验证零和非零开头的数字：^(0|[1-9][0-9]*)$  验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$  验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$  验证非零
JavaScript验证用户输入的是字符或数字及ASCII Chart应用
10-27
我们可以根据onkeydown事件的event.keyCode即是ASCII Chart来判断字符或数字等,本文提供了相关键盘key对应的ASCII码,以供用户使用是参考及使用onpaste事件只能输入字符和数字防止粘贴等的，感兴趣的朋友可以了解下
实现只能输入数字的input不用replace方法
09-05
传统的做法是通过JavaScript的`replace()`方法来处理输入，但在某些情况下，这种方法并不理想，因为它可能在用户输入后再去替换非法字符，导致用户体验下降。本文将介绍一种不使用`replace()`方法来实现只允许输入...
限制只能输入数字的实现代码
09-02
在网页开发中，确保用户输入的数据符合特定格式是非常重要的，特别是在处理电话号码、身份证号或邮政编码等数据时。为了限制用户只能输入数字，我们可以利用JavaScript进行实时验证。以下是一段实现这一功能的代码...
javascript 正则 判断是否是数字的脚本
12-02
不错的一个用正则检测输入的字符是否为数字的代码，也是一种并不常见的写法 Untitled Document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:解析使用js判断只能输入数字、字母等验证的方法(总结)js判断输入是否为正整数、浮点数等数字的函数代码javaScript 判断字符串是否为数字的简单方法javascript使用isNaN()函数判断变量是否为数字js判断输入是否中文，数字，身份证等等js函数集合JavaScript基于正则表达式的数字判断函数j
js限制输入框只能输入数字(onkeyup触发)
12-11
例子：html代码 <input type=”text” name=”” id=”box” /> 通常都直接用： <input type=”text” name=”” id=”box” onkeyup=”value=value.replace(/[^\d]/g,”)”/> 以上的缺点是，当你正确输入的是一串数字后，想用光标移动到前面修改其中的一个数字，发现移不动，所以就显示了下面的方法的好处 其实加个if更加和谐： $('input#box').keyup(function(){ var c=$(this); if(/[^\d]/.test(c.val())){//替换非
JS只能输入数字，数字和字母等的正则表达式
08-16
JS只能输入数字，数字和字母等的正则表达式，针对html文本框的实用性代码
JavaScript使用键盘输入控制实现数字验证功能
01-19
产品经理说Card Number只能让输入数字（中间的空格是格式自加的，也是用js实现的），有时候我脑海中出现了个声音，啥玩意，加个type=number不就行了，事实发现图样图森破了，先不说type=number后面会有个上下标(虽然...
JS input校验只能输入数字（包括正负数、小数）
weixin_43224584的博客
04-03 4739
今天做项目刚好遇到对input进行校验的问题，就在网上搜索研究了一下，发现目前多数的校验方法都不行或者是不全面，就试着自己写了一个，刚开始选择直接用正则表达式，发现还是高估自己了(’_’)，世上无难事只要肯放弃，目前对正则表达式还处于学习阶段，所以最后还是老老实实的写监听事件吧！ 代码如下： <input id="location_xy_y" type="text" autocomple...
JS判断只能输入数字问题
感悟人生
02-26 728
JS判断只能输入数字问题
JavaScript如何判断一个值是不是数字?
weixin_45093753的博客
07-08 3677
JavaScript如何判断一个值是不是数字? 第一种方法：isNaN() 使用js自带全局函数isNaN(), isNaN()返回一个Boolean值,如下 : var c=“hello”; //字符串 isNaN©; //返回一个true; var c=10; //数字 isNaN©;//返回一个false 如果以上c为一个空串或是一个空格，isNaN将把c当作数字0来处理，所以检查不严谨。 第二种方法：正则表达式 function checkNum(input){ var reg=/^[0-9]+.?
JavaScript 判断是否为数字的几种方式
热门推荐
代码君
04-01 11万+
js判断是否为数字方式很多： typeof、instanceof、Number.isNumber parseInt、parseFloat isNaN、isFinite 正则表达式 本片文章就介绍一下这些方式的区别和用法。 1. typeof、instanceof、Number.isInteger 使用typeof判断对象是不是基本类型number，比如： let num = 1; typeof num === 'number'; // true 使用instanceof判断对象是不是包装类Number
常见的正则表达式是如何写的
TELOBE的博客
10-13 599
一、校验数字的表达式 数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(\.[0-9]{1,2})?$ 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})$ 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 有两位小数的正实数：^[0-9]+(\.[0-9]{2})?$
js验证input输入框只能输入数字或字母
03-28
可以使用正则表达式来实现这个功能，具体代码如下： ```html <!DOCTYPE html> <html> <head> <title>Input Validation</title> <script> function validateInput() { var input = document.getElementById("inputField").value; var regex = /^[a-zA-Z0-9]+$/; if (regex.test(input)) { alert("Valid input!"); } else { alert("Invalid input! Only letters and numbers are allowed."); } } </script> </head> <body> <label for="inputField">Input:</label> <input type="text" id="inputField"> <button onclick="validateInput()">Validate</button> </body> </html> ``` 在这个例子中，我们首先使用JavaScript函数`validateInput()`来获取输入框的值，并定义了一个正则表达式`/^[a-zA-Z0-9]+$/`，它只允许输入字母和数字，不允许其他字符。然后我们使用`test()`函数来检查输入框的值是否符合正则表达式的要求，如果符合就弹出“Valid input!”的提示框，否则弹出“Invalid input! Only letters and numbers are allowed.”的提示框。最后，我们在HTML中添加一个按钮，并将`validateInput()`函数与按钮的`onclick`事件绑定，这样当用户点击按钮时就会执行验证函数。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值