`
linleizi
  • 浏览: 227399 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

javascript html input只能入力数字或小数点

 
阅读更多
<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script>
//只能入力数字
function keepNum(obj){
	//先把非数字的都替换掉
	obj.value = obj.value.replace(/[^\d]/g,"");
}

// 只能入力数字和小数点
function keepNumOrDecimal(obj) {
	//先把非数字的都替换掉,除了数字和.
	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("$#$",".");
}
</script>
</head>
<body>
<label>只能入力数字: <input type="text" onkeyup=keepNum(this) maxlength="5"></label>
<br>
<label>只能入力数字或小数点,首位必须是数字,并且.只能出现一次: <input type="text" onkeyup=keepNumOrDecimal(this) maxlength="5"></label>
</body>
</html>

maxlength设置文本看入力最大长度 

分享到:
评论

相关推荐

    『JavaScript』限制Input只能输入数字实现思路及代码

    需求很简单,一个文字方块必须限制只能输入数字(或是小数点)并且要支援 IE 和 Firefox。 HTML的 Input 是这样下滴 代码如下: &lt;input type=”text” style=”ime-mode:disabled” onkeyup=”return Validate...

    js限制文本框只能输入整数或者带小数点的数字

    做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢,仅允许输入整数数字或者带小数点的数字。下面这段代码也许能帮到你!通过对当前输入框定义onkeypress,onkeyup,onblur事件对表单做了充分的验证,结果...

    数字的正则表达式写法参考书

    10. 只能输入 数字,小数点,减号(-) 字符(无闪动)  &lt;input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode|| event.keyCode&gt;57)) event.returnValue=false"&gt; 11. 只能输入两位...

    jquery判断小数点两位和自动删除小数两位后的数字

    jquery判断小数点两位和自动删除小数两位后的数字 基本就是,输入12.235689741 会转换成12.23,不会四舍五入啦 会javascript基础的都应该能看明白啦 不解释 代码如下: $(“#fileds”).find(“input”).blur(function...

    javascript来限制文本框的输入类型

    &lt;p&gt; (1): 只能输入数字,不含小数点: &lt;input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"&gt; (2): 只能输入数字,含小数点: &lt;p&gt;&nbsp;&nbsp;&...

    JavaScript验证知识整理

    1.文本框只能输入数字代码(小数点也不能输入) &lt;input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"&gt; 2.只能输入数字,能输小数点. &lt;...

    javascript限制文本框输入值类型的方法

    要求:所有的文本框,只能输入数字和小数点,其他的符号一概不能输入; 重点是我希望在用户输入时就做限制,而不是提交时判断——也就是说如果用户在文本框内输入数字或小数点,可以正常输入;如果输入字母等非数字...

    程序天下:JavaScript实例自学手册

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    《程序天下:JavaScript实例自学手册》光盘源码

    9.24 用JavaScript隐藏或显示表格列 9.25 滚动的表格 9.26 交换表的行 9.27 动态拖放表格的宽度 9.28 可输入内容的表格 9.29 可以分级的表格隐藏 9.30 动态创建表格并实现分页 9.31 删除表格指定行 9.32 设置表格的...

    onlyNumber:仅输入[type = text]输入数字

    Input 输入框 只允许输入数字 // 校验 负号只能在第一位 // 校验 负号如果有只能有一位 // 校验 小数点如果有只能有一位 // 校验 小数点在第一位时自动补零 // 校验 负号后直接跟小数点 "-." ==&gt; "-0." 调用方式 将...

    常用js大全,javascript校验大全

    1.22 电话号码校验(只能为横线—、()、或数字) . 21 1.23 检测输入是否为正整数数字,如果结果为非给出相应提示. 22 1.24 避免多次提交页面 在jsp中嵌入该文件,在每个jsp页面的提交语23 1.25 检查EMail格式 23 ...

    javascript 常见功能汇总

    1. input 只能输入整数数字和字母 $[removed]('keyup','#no',function(){ var val = $.trim($(this).val()); if(val == null || val == '') return; $(this).val(val.replace(/[^0-9a-z]+/ig,'')); // 只能输入...

    学习DWR JavaScript函数整理

    true :全部为数字或字母 false:有不是数字和字母的字符 ******************************************/ function chkPWD(str) { var strSource ="0123456789...

    keyboard:模拟数字键盘

    (1)目前虚拟键盘需要输入小数点,需要切换键盘; (2)不同设备上存在兼容性。 ###二、用法 (1)new KeyBoard(inputElement); (2)禁用软键盘,添加readonly="readonly"属性; (3)Demo如下 &lt;title&gt;模拟...

    parse-decimal-number::ATM_sign:解析具有i18n格式支持的十进制数字(本地化的小数点和逗号分隔符)

    解析十进制数 解析具有i18n格式支持的十进制数字(本地化的小数点和千位分隔符)关于好的,让我们一劳永逸地解决国际号码的解析和验证问题。 我在一个UI项目中得到了灵感,因为某种程度上我们使用的库做得不好,所以...

    inputLimit:一个jQuery插件,用于将文本字段的输入限制为数字,逗号和2个小数位

    输入极限 一个jQuery插件,用于将文本字段的输入限制为数字,逗号和小数位 安装 在您的项目中包含文件inputLimit.js ...小数点后几位。 默认为false(不允许小数位) 数据限制数 允许多少个整数

    keyboard:小程序模拟键盘组件

    keyboard 小程序模拟键盘组件 模拟键盘操作 优点: 推荐金额快捷选择 ...input type="digit" placeholder="带小数点的数字键盘"/&gt;不够灵活,不能自由的操纵数字面板!!用的不爽!! 下面是效果gif:

    js脚本大全 js验证大全 压缩包

    1.22 电话号码校验(只能为横线—、()、或数字) . 21 1.23 检测输入是否为正整数数字,如果结果为非给出相应提示. 22 1.24 避免多次提交页面 在jsp中嵌入该文件,在每个jsp页面的提交语23 1.25 检查EMail格式 23 ...

    Javascript验证方法大全

    本文整理了关于Javascript表单验证的所有涉及到的,大家仔细阅读一定会有所收获的  //验证字符串非空 var Validator = { ... //验证数字(double类型) [可以包含负号和小数点] IsNumber: function (input) { var

Global site tag (gtag.js) - Google Analytics