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 相关文章推荐
js 通用javascript函数库整理
Aug 14 Javascript
Javascript 面向对象编程(coolshell)
Mar 18 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
Nov 08 Javascript
JavaScript等比例缩放图片控制超出范围的图片
Aug 06 Javascript
分享9点个人认为比较重要的javascript 编程技巧
Apr 27 Javascript
深入解读JavaScript中的Iterator和for-of循环
Jul 28 Javascript
js计算时间差代码【包括计算,天,时,分,秒】
Apr 26 Javascript
jQuery制作网页版选项卡
Jul 28 Javascript
微信小程序request请求后台接口php的实例详解
Sep 20 Javascript
Angularjs cookie 操作实例详解
Sep 27 Javascript
如何去除vue项目中的#及其ie9兼容性
Jan 11 Javascript
JavaScript实现滚动加载更多
Dec 27 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获得当前的脚本网址
2007/12/10 PHP
PHP parse_url 一个好用的函数
2009/10/03 PHP
PHP操作数组的一些函数整理介绍
2011/07/17 PHP
php/js获取客户端mac地址的实现代码
2013/07/08 PHP
使用PHP实现生成HTML静态页面
2015/11/18 PHP
php版微信开发之接收消息,自动判断及回复相应消息的方法
2016/09/23 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
prototype class详解
2006/09/07 Javascript
jQuery 性能优化指南(3)
2009/05/21 Javascript
IE6下focus与blur错乱的解决方案
2011/07/31 Javascript
JS获取当前网址、主机地址项目根路径
2013/11/19 Javascript
javascript实现简单加载随机色方块
2015/12/25 Javascript
AngularJS 模块详解及简单实例
2016/07/28 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
微信小程序实现下拉框功能
2019/07/16 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
[04:29]【TI9采访】OG.N0tail在胜者组决赛后接受采访
2019/08/25 DOTA
Django与遗留的数据库整合的方法指南
2015/07/24 Python
python爬虫爬取淘宝商品信息(selenum+phontomjs)
2018/02/24 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
python实现自动化上线脚本的示例
2019/07/01 Python
详解python解压压缩包的五种方法
2019/07/05 Python
python实现udp聊天窗口
2020/03/31 Python
HTML5 canvas基本绘图之绘制线条
2016/06/27 HTML / CSS
市场营销专业推荐信
2013/11/03 职场文书
医学专业毕业生个人的求职信
2013/12/04 职场文书
三问三解心得体会
2014/09/05 职场文书
2015年酒店工作总结
2015/04/28 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
人口与计划生育责任书
2015/05/09 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
2015秋季开学典礼演讲稿
2015/07/16 职场文书
退休职工欢送会致辞
2015/08/01 职场文书