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 相关文章推荐
让iframe框架网页在任何浏览器下自动伸缩
Aug 18 Javascript
基于JQuery 的消息提示框效果代码
Jul 31 Javascript
js 操作select与option(示例讲解)
Dec 20 Javascript
js获取网页可见区域、正文以及屏幕分辨率的高度
May 15 Javascript
JS控制输入框内字符串长度
May 21 Javascript
JavaScript中字符串(string)转json的2种方法
Jun 25 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
微信小程序实现倒计时60s获取验证码
Apr 17 Javascript
redux中间件之redux-thunk的具体使用
Apr 17 Javascript
vue使用pdfjs显示PDF可复制的实现方法
Dec 14 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
javascript实现点击产生随机图形
Jan 25 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
PHP数字格式化
2006/12/06 PHP
第4章 数据处理-php正则表达式-郑阿奇(续)
2011/07/04 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
[原创]解决wincache不支持64位PHP5.5/5.6的问题(提供64位wincache下载)
2016/06/22 PHP
PHP中检查isset()和!empty()函数的必要性
2019/02/13 PHP
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2010/06/11 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
一张表格告诉你windows.onload()与$(document).ready()的区别
2014/05/16 Javascript
jstl中判断list中是否包含某个值的简单方法
2016/10/14 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
2016/11/24 Javascript
微信小程序学习之数据处理详解
2017/07/05 Javascript
基于匀速运动的实例讲解(侧边栏,淡入淡出)
2017/10/17 Javascript
微信小程序实现点击空白隐藏的方法示例
2019/08/13 Javascript
浅谈JavaScript中的“!!”作用
2020/08/03 Javascript
Django Highcharts制作图表
2016/08/27 Python
python实现批量修改文件名代码
2017/09/10 Python
Python中几种属性访问的区别与用法详解
2018/10/10 Python
python 自动批量打开网页的示例
2019/02/21 Python
对python中的float除法和整除法的实例详解
2019/07/20 Python
Python通过cv2读取多个USB摄像头
2019/08/28 Python
python中selenium库的基本使用详解
2020/07/31 Python
Python命名空间及作用域原理实例解析
2020/08/12 Python
CSS3 Flex 弹性布局实例代码详解
2018/11/01 HTML / CSS
Clearly新西兰:购买眼镜、太阳镜和隐形眼镜
2018/04/26 全球购物
马德里竞技官方网上商店:Atletico Madrid Shop
2019/03/31 全球购物
外语学院毕业生的自我鉴定
2013/11/28 职场文书
《商鞅南门立木》教学反思
2014/02/16 职场文书
国贸专业的职业规划书
2014/03/15 职场文书
党员干部承诺书
2014/03/25 职场文书
自主招生推荐信范文
2014/05/10 职场文书
效能监察建议书
2014/05/19 职场文书
详细的本科生职业生涯规划范文
2014/09/16 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python
mysql备份策略的实现(全量备份+增量备份)
2021/07/07 MySQL
js 数组 fill() 填充方法
2021/11/02 Javascript
解析MySQL索引的作用
2022/03/03 MySQL