限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数_javascript技巧

onlyNumber.html 测试代码:

<html>
<head>
<script language="JavaScript" >
function onlyNumber(obj){
//得到第一个字符是否为负号
var t = obj.value.charAt(0);
//先把非数字的都替换掉,除了数字和.
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('$#$','.');
//如果第一位是负号,则允许添加
if(t == '-'){
obj.value = '-'+obj.value;
}
}
</script>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<meta name="keywords" content="" />
<meta name="description" content="" />
<title>限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数</title>
</head>
<body>
<hr/>
只能输入数字的文本框:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="this.value=this.value.replace(/\D/g,'')"/>
<br/>
<hr/>
只能输入数字和小数点的文本框:<input onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"/>
<br/>
<hr/>
只能输入数字且只能有一个小数点的文本框(小数点不能在开头,可以在结尾,第一位允许添加负号即浮点数):<input onkeyup="onlyNumber(this)" onblur="onlyNumber(this)" />
<hr/>
</body>
</html>

以上代码内容简单给大家介绍了限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数的知识,希望能够帮助到大家!

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索文本框输入数字
文本输入小数点
浮点数去掉多余小数点、浮点数小数点后几位、浮点数取小数点后两位、浮点数截取小数点、printf 浮点数 小数点,以便于您获取更多的相关知识。

时间: 2025-01-07 18:36:56

限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数_javascript技巧的相关文章

Bootstrap中文本框的宽度变窄并且加入一副验证码图片的实现方法_javascript技巧

今天项目经理刚交给一个活儿,要我实现这样一个功能:要实现的是验证码文本框变窄一点,然后右边加入一副验证码图片,并且在响应式布局的情况下在移动端访问的时候验证码图片能保持和验证码文本框在同一行,这个怎么做?难为了半天,后来找到了实现思路,下面小编把我的想法及实现过程分享给大家,有问题欢迎提出,共同学习进步! 实现思路: 实现效果图 自己往里面加入bootstrap的栅格布局代码,控制在不同分辨率下面的排布情况. 这样实现唯一的前提条件就是你的验证码图片高度需要和input框的高度一样(input框

js-jquery验证文本框不为空,失去焦点事件怎么只能执行一次

问题描述 jquery验证文本框不为空,失去焦点事件怎么只能执行一次 var name = $("input[name='name']"); var nameval = name.val(); var nameinfo = $("#nameinfo"); name.on('blur',function(){ if($.trim(nameval) == ''){ nameinfo.show(); }else{ nameinfo.hide(); } }); 解决方案 j

js控制文本框只输入数字和小数点的方法

 这篇文章主要介绍了js控制文本框只输入数字和小数点的方法,实例分析了javascript使用正则表达式实现限制数字和小数点的技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 代码如下: function clearNoNum(obj) { obj.value = obj.value.replace(/[^d.]/g, "");//清除"数字"和".&q

js控制文本框只输入数字和小数点的方法_javascript技巧

本文实例讲述了js控制文本框只输入数字和小数点的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: function clearNoNum(obj) {  obj.value = obj.value.replace(/[^\d.]/g, "");//清除"数字"和"."以外的字符  obj.value = obj.value.replace(/^\./g, "");//验证第一个字符是数字而不是.  obj.

n皇后 内存溢出-使用列队分支界限法解决n皇后问题,只能输入5,其他数字老是出现图中的错误,求大神解决。

问题描述 使用列队分支界限法解决n皇后问题,只能输入5,其他数字老是出现图中的错误,求大神解决. #include #include #include #include using namespace std;![ //定义一个队列 void NQueens(); //定义该皇后可以存在的位置 bool CanPos(int *pos, int level, int i); //得到N在队列中的位置 int * GetNQueensPos(int n); int main() { NQueens

html 网站 js-在一个文本框中输入一个数字时候前边自动加了一个1是怎么回事???求高手解决

问题描述 在一个文本框中输入一个数字时候前边自动加了一个1是怎么回事???求高手解决 比如输入一个"5"时,自动变成了"15",求高手解答,感激不尽~~~~~ 解决方案 很明显,加的这个1是字符串"1",一步一步向上推,你肯定有个代码变量在获取的值前+"1"; 解决方案二: 你可以在文本框值变更时检查它的值 断点仔细检查下代码 解决方案三: 输入5 变成15前面是不是有1接着的连接符?

js限制文本框的输入内容代码分享(3类)_javascript技巧

为大家分享的JavaScript限制文本框的输入内容代码如下 <style type="text/css"> <!-- .STYLE1 { color: #0099FF; font-weight: bold; font-size: x-large; } --> </style> <p> </p> <p> </p> <p> </p> <p> </p> <

jquery如何根据文本框中输入的数,实现数组循环

问题描述 jquery如何根据文本框中输入的数,实现数组循环 实现了点击添加选项增加行,但是每次增加一行都要用一个else if,所以在后面我增加了一个 最多<input type="text" name="maxnum" style="width: 4%"/>项 用来输入本次添加选项需要设置多少项,超出就做出提示,做了很久还是做不出来,菜鸟求助各位 <script> function del(t){ $(t).paren

在ADO.NET中,如何编写代码来限制文本框中输入的字符串必须为某个数开头,如12345678,以1为开头的八位数

问题描述 在ADO.NET中,如何编写代码来限制文本框中输入的字符串必须为某个数开头,如12345678,以1为开头的八位数 解决方案 解决方案二:1.可以用正则表达式来校验.2.对于你这种简单情况可以在文本框的ONpress事件中直接判断第一个字母是不是数字1.解决方案三:用MaskedTextBox很方便.