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


Posted in Javascript onAugust 20, 2015

为大家分享的JavaScript限制文本框的输入内容代码如下

<style type="text/css">
<!--
.STYLE1 {
 color: #0099FF;
 font-weight: bold;
 font-size: x-large;
}
-->
</style>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p align="center" class="STYLE1">亲,试试效果吧!</p>
<p align="center"><strong>请输入数字或字母</strong>:
 <input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
</p>
<p align="center"><strong>请输入数字,只能输入数字哦</strong>:
 <input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">
</p>
<p align="center"><strong>请输入汉字,只能输入汉字哦</strong>:
 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">
</p>

运行效果图:

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

下面再给大家补充一些:

小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">

文本框只能输入数字代码(小数点也不能输入)

<input onkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

其实还可以限制其他内容,比如只能是字母,大家可以尝试一些其他的。

以上就是为大家分享的JavaScript限制文本框的输入内容代码

Javascript 相关文章推荐
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
js 一个关于图片onload加载的事
Nov 10 Javascript
Backbone.js中的集合详解
Jan 14 Javascript
深入分析jQuery的ready函数是如何工作的(工作原理)
Dec 17 Javascript
jQuery fancybox在ie浏览器下无法显示关闭按钮的解决办法
Feb 19 Javascript
CKEditor无法验证的解决方案(js验证+jQuery Validate验证)
May 09 Javascript
jQuery简单实现上下,左右滑动的方法
Jun 01 Javascript
bootstrap输入框组代码分享
Jun 07 Javascript
详解vue-cil和webpack中本地静态图片的路径问题解决方案
Sep 27 Javascript
JavaScript中var、let、const区别浅析
Jun 24 Javascript
JS原型对象操作实例分析
Jun 06 Javascript
javascript前端实现多视频上传
Dec 13 Javascript
JS实现的通用表单验证插件完整实例
Aug 20 #Javascript
jquery Easyui快速开发总结
Aug 20 #Javascript
纯jquery实现模仿淘宝购物车结算
Aug 20 #Javascript
js实现按钮颜色渐变动画效果
Aug 20 #Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 #Javascript
jQuery地图map悬停显示省市代码分享
Aug 20 #Javascript
jQuery超赞的评分插件(8款)
Aug 20 #Javascript
You might like
Jquery中dialog属性小记
2010/09/03 Javascript
jQuery $.get 的妙用 访问本地文本文件
2012/07/12 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
jquery为页面增加快捷键示例
2014/01/31 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
EasyUI实现第二层弹出框的方法
2015/03/01 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
第三章之Bootstrap 表格与按钮功能
2016/04/25 Javascript
Google 地图API Map()构造器详解
2016/08/06 Javascript
bootstrap基础知识学习笔记
2016/11/02 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
如何用js判断dom是否有存在某class的值
2017/02/13 Javascript
微信小程序之获取当前位置经纬度以及地图显示详解
2017/05/09 Javascript
async/await优雅的错误处理方法总结
2019/01/30 Javascript
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
vue中进行微博分享的实例讲解
2019/10/14 Javascript
使用preload预加载页面资源时注意事项
2020/02/03 Javascript
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[01:07:19]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第一场 1月19日
2021/03/11 DOTA
Python写的英文字符大小写转换代码示例
2015/03/06 Python
django开发之settings.py中变量的全局引用详解
2017/03/29 Python
Pandas 数据处理,数据清洗详解
2018/07/10 Python
python字典值排序并取出前n个key值的方法
2018/10/17 Python
简述python&amp;pytorch 随机种子的实现
2020/10/07 Python
html5 canvas里绘制椭圆并保持线条粗细均匀的技巧
2013/03/25 HTML / CSS
美国知名日用品连锁超市:Dollar General(多来店)
2017/01/14 全球购物
鲜果饮品店创业计划书
2014/01/21 职场文书
优秀管理者获奖感言
2014/02/17 职场文书
开学典礼决心书
2014/03/11 职场文书
关于爱国的演讲稿
2014/05/07 职场文书
企业活动策划方案
2014/06/02 职场文书
店铺转让协议书
2014/12/02 职场文书
浪漫婚礼主持词开场白
2015/11/24 职场文书
2019年怎样才能撰写出优秀的自荐信
2019/03/25 职场文书
Python 可迭代对象 iterable的具体使用
2021/08/07 Python