正则表达式验证文本框只能输入数字和小数点
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了正则表达式验证文本框只能输入数字和小数点相关的知识，希望对你有一定的参考价值。
并且小数点不能在第一个，而且小数点只能有一个 求高手说说 在线急等
在浏览器验证正则字符时，如果输入的是数字带小数点后面不再输入数字，那么浏览器会自动截取掉小数点，即：输入"1."，浏览器会处理成"1"唔…因此当我为求方便直接在浏览器中输出表达式时就踩坑了 = =
首先我先写了一个验证最多可保留两位小数的正则：
var reg = /^\d+(.\d1,2)?$/;
\d：0-9的数字
^\d：以0-9数字开头的表达式
^\d+：以一至多个0-9数字开头的表达式
( )：括号里是一个整体
(.\d1,2)：. 小数点 、d1,2 一至两位数字
(.\d1,2)?：小数（小数点 + 一至两位小数）限制出现零到一次
(.\d1,2)?$：若存在小数点，则以小数点后的一至两位小数结尾
在页面中写一个输入框和点击按钮，测试校验是否成功：
浏器F12打开控制台查看效果：
在这里入图片描述
可以看到输入框输入1.后正常检验是false，然而如果在浏览器中输入校验规则和字符串则不然：
在这里入图片描述
如果输入个带小数点的数字，后面又不再输入数字时，浏览器会自动忽略掉小数点，因而检验"1."类似的格式相当于校验“1”，结果自然是true。
仅记录为主，若有什么错误还望包涵指出
对于文本框输入的校验有不同的思路，本例采用了正则表达式匹配的方法。
1、即时验证：
为了即时对文本框内容进行验证，可以利用控件的validating事件，当控件失去焦点时，便会触发该事件。
2、正则表达式：
将要验证的有效格式写成正则表达式，不仅可以方便快捷地进行匹配，而且对于以后需求更改时也易于修改（只需修改正则表达式即可）。
利用正则表达式时，需要添加引用：< usingSystem.Text.RegularExpressions; >
3、验证完成：
验证通过后进行的操作可以使用控件的validated事件。例如，如果在验证不通过时有错误提示的话，那么验证通过时就可以给出验证通过的提示。该事件可根据实际需要选用。
4、正常退出：
在Validating事件中做验证处理时，如果验证不通过，本例希望焦点仍停留在该文本框内，即只有输入合法才能进行其他操作。这样的负作用之一就是用户在输入不合法时也无法正常退出程序，因此为使关闭程序的操作不受文本框验证的影响而正常使用，可以在FormClosing事件中添加e.Cancel=false来解决。
5、限制输入长度：
如果用户不小心压住了某个数字键，此时文本框里已经输入了100多位的数据，而且又恰好点击了“提交”按钮时，你能保证后台代码能接受这个结果吗？你如果也有这样的担心，那就试试控件的maxLength属性吧。
6、禁用输入法：
本例要求只能输入数字，因此如果禁用输入法后会省去很多麻烦。禁用后，无法直接输入中文，也无法“直接”输入全角字符。去查查控件的ImeMode属性，设置为disabled后就可以了。
7、全角字符串的处理：
知道上一步为什么说禁用输入法后无法“直接”输入全角字符吗？因为还可以“间接”输入！是的，那就是将全角字符串复制后粘贴过来。不要以为抽风的人才会这么无聊帮你去找Bug，程序员还是应该尽量把可能的异常先做好预防。（当然，禁用文本框的粘贴功能也不错，本例为照顾用户可能存在的粘贴较长数据的需要，没有禁用。大家可以自行搜下禁用粘贴的资料。）
如果文本框里含全角字符，在后期做数据运算时很容易出问题，本例解决方法是先检查，若是全角字符串则转换为半角字符串。
心得体会：
写出一个完全正确且符合自己要求的正则表达式确实需要好好构思，尤其是匹配内容较复杂时。但也不必担心，如果一个表达式完不成，可以写多个表达式然后“或”运算。在写正则表达式时不要盲目地参看网上已有的表达式，最好做个测试程序验证下，因为不同的语言正则表达式语法会有细微的不同。
对于正则表达式，大家先对照着MSDN上的介绍，熟悉每个符号的意思，再去理解别人写的表达式，慢慢就能写出自己的表达式了。对于正则表达式的理解，不妨想想中学学过的“排列组合”，会有用的。用排列组合把表达式中可能的各个分支完整走一遍，就都懂了 参考技术A ^\d+(\.\d+)?$
不知道，lz还能不能看得到，不过，提醒你一下，你的正则只错误的！
比如：[0-9]0 是没有用的
还有，.24也是可以匹配的吧
另，你采纳的那个答案，小数点在前面也是可以的，真发愁你们治学的态度！追问
/^[0-9]1([0-9]|[.])*$/; 这样才是对的 刚刚结贴那个是我没修改的
追答那你的正则的话，在试试多个小数点的情况呢？
追问只能判断一次 两个都判断不了 ......
追答什么意思？那你没有试试我给你的正则好不好使？
遇到你这样的lz，我也真是倒霉了，耽误我的采纳率，气死我了！
我刚刚自己写了。 随便采纳了个 还没来的级试 呵呵 下次采纳你
参考技术B 举个例子：<html>
<head>
<title>无标题页</title>
<script language="javascript" type="text/javascript">
function NumberCheck(num)
var re=/^\d*\.0,1\d0,1$/;
return re.exec(num) != null;
function check()
if (!NumberCheck(document.getElementById("a").value))
alert("格式不对");
else
alert("格式正确");
</script>
</head>
<body>
<form method="post" action="">
<input type="text" id="a" />
<input type="button" onclick="check()" value="check" />
</form>
</body>
</html>
你看看这个，这个是在html页面中的本回答被提问者采纳 参考技术C /[^\d\.]/g,'' 参考技术D 发错地方了～～～
LZ,你这个还是错的。。。。。真服你了，严谨点啊. /^\d+\.0,1\d*$/追问
...你们回答的每个都不一样 我都不知道选那个了。。
怎么用js正则验证文本框只能输入中文和英文
js 只包含中文和英文
/*** 只包含中文和英文
* @param cs
* @returns Boolean
*/
function isGbOrEn(value)
var regu = "^[a-zA-Z\\u4e00-\\u9fa5]+$";
var re = new RegExp(regu);
if (value.search(re) != -1)
return true;
else
return false;
---------------------
作者：dongsir 董先生
来源：CSDN
参考技术A版权声明：本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可，转载时请标注 https://blog.csdn.net/qq6759/article/details/88118913
js验证只包含中文和英文
--------------------------
* 只包含中文和英文
* @param cs
* @returns Boolean
*/
function isGbOrEn(value)
var regu = "^[a-zA-Z\\u4e00-\\u9fa5]+$";
var re = new RegExp(regu);
if (value.search(re) != -1)
return true;
else
return false;
---------------------
作者：dongsir 董先生
来源：CSDN
原文：https://blog.csdn.net/qq6759/article/details/88118913
版权声明：本文为博主原创文章，转载请附上博文链接！
参考技术B /*用途：检查输入字符串是否只由汉字、字母组成
输入：
value：字符串
返回：
如果通过验证返回true,否则返回false
*/function isChinaOrLett(s)//判断是否是汉字、字母组成
var regu = "^[a-zA-Z\u4e00-\u9fa5]+$";
var re = new RegExp(regu);
if (re.test(s))
alert(s);
else
alert("f");
本回答被提问者采纳
以上是关于正则表达式验证文本框只能输入数字和小数点的主要内容，如果未能解决你的问题，请参考以下文章
关于文本框的正则表达式，只能输入正数，可以有小数点，小数点后面两位。
replace限制文本框只能输入数字，数字和字母等的正则表达式