文档章节

javascript控制input只允许输入数字

白俊遥
 白俊遥
发布于 2016/04/04 23:24
字数 213
阅读 52
收藏 0

好多时候我们是希望能设置input只能输入数字;比如说商城选择商品数量;比如说手机号等等;

看了下京东和天猫;

天猫选择商品数量是只能输入数字;而且数量不能小于1;

白俊遥博客

反观京东;连中文都是可以输入的;不得不说;细节上做的比天猫差远了;

白俊遥博客

当然重点不是要来吐槽;下面就是用Js控制input只允许输入数字的代码;在用到的时候可以直接拿走;不用谢;

代码如下:

此input只允许输入0-9的数字:<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'')"><br><br>
此input只允许输入1-9的数字:<input onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'');if(value==0)value=1;" value="1">



© 著作权归作者所有

白俊遥
粉丝 18
博文 58
码字总数 28701
作品 3
朝阳
程序员
私信 提问
Js控制文本框只能输入中文、英文、数字与指定特殊符号

JS 控制文本框只能输入数字 <input onkeyup="value=value.replace(/[^0-9]/g,'')"onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu ="value=value.replace(/[^0-9]/g,'')"> JS 控......

丿Dean
2014/07/29
235
0
jQuery验证框架(六)内置验证方法 (jQuery validation)

jQuery验证框架 六、框架内建的验证方法( List of built-in Validation methods ) [1] required( ) 返回:Boolean 说明:让表单元素必须填写(选择)。 如果表单元素为空(text input)或未选择...

打杂
2010/11/16
10K
1
HTML5 学习之三 web worker,server-send,表单属性

HTML5 Web Workers 一般情况下,当在HTML页面中执行脚本时,页面的状态是不可响应的,知道脚本已经完成。 Web worker是运行在后天的JavaScript,独立于其他脚本,不影响页面的性能,开放者可...

Drealin
2012/09/10
2.3K
13
2017 年 1 月 14 个新鲜的 JavaScript 库

1. Murri Muuri 能够创建响应式,可排序,可过滤和可拖动的网格布局并拥有许多功能在一个库中。 2. Notyf Notyf 是一个超级简单,响应式,vanilla javascript插件用来显示通知。 3. Input M...

pe_mail2006
2017/01/10
4K
7
jQuery验证控件jquery.validate.js+jquery.validate.unobtrusive.js的用法

jquery.validate.unobtrusive.js的用法: jquery.validate.unobtrusive.js使用上很简洁,只要对Tag下几个属性即可以使用! 引用JavaScript<script src="http://code.jquery.com/jquery-1.6.2.......

随智阔
2013/03/03
9.8K
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring Boot 2 实战:使用 Spring Boot Admin 监控你的应用

1. 前言 生产上对 Web 应用 的监控是十分必要的。我们可以近乎实时来对应用的健康、性能等其他指标进行监控来及时应对一些突发情况。避免一些故障的发生。对于 Spring Boot 应用来说我们可以...

码农小胖哥
39分钟前
4
0
ZetCode 教程翻译计划正式启动 | ApacheCN

原文:ZetCode 协议:CC BY-NC-SA 4.0 欢迎任何人参与和完善:一个人可以走的很快,但是一群人却可以走的更远。 ApacheCN 学习资源 贡献指南 本项目需要校对,欢迎大家提交 Pull Request。 ...

ApacheCN_飞龙
49分钟前
4
0
CSS定位

CSS定位 relative相对定位 absolute绝对定位 fixed和sticky及zIndex relative相对定位 position特性:css position属性用于指定一个元素在文档中的定位方式。top、right、bottom、left属性则...

studywin
58分钟前
6
0
从零基础到拿到网易Java实习offer,我做对了哪些事

作为一个非科班小白,我在读研期间基本是自学Java,从一开始几乎零基础,只有一点点数据结构和Java方面的基础,到最终获得网易游戏的Java实习offer,我大概用了半年左右的时间。本文将会讲到...

Java技术江湖
昨天
5
0
程序性能checklist

程序性能checklist

Moks角木
昨天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部