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 相关文章推荐
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
在Firefox下js select标签点击无法弹出
Mar 06 Javascript
javascript数组去重方法终极总结
Jun 05 Javascript
javascript基于DOM实现权限选择实例分析
May 14 Javascript
javascript的列表切换【实现代码】
May 03 Javascript
全面解析JS字符串和正则表达式中的match、replace、exec等函数
Jul 01 Javascript
Angular 页面跳转时传参问题
Aug 01 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
Apr 23 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
Nov 09 Javascript
Vue多组件仓库开发与发布详解
Feb 28 Javascript
详解Vue路由自动注入实践
Apr 17 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 adodb介绍
2009/03/19 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
PHP实现无限级分类(不使用递归)
2015/10/22 PHP
详解PHP使用日期时间处理器Carbon人性化显示时间
2017/08/10 PHP
学习thinkphp5.0验证类使用方法
2017/11/16 PHP
js静态作用域的功能。
2006/12/25 Javascript
javaScript对象和属性的创建方法
2007/01/15 Javascript
js获取当前月的第一天和最后一天的小例子
2013/11/18 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
JavaScript 七大技巧(一)
2015/12/13 Javascript
浏览器兼容性问题大汇总
2015/12/17 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
2016/03/28 Javascript
使用JS实现气泡跟随鼠标移动的动画效果
2017/09/16 Javascript
node.js中stream流中可读流和可写流的实现与使用方法实例分析
2020/02/13 Javascript
原生JS实现pc端轮播图效果
2020/12/21 Javascript
详解template标签用法(含vue中的用法总结)
2021/01/12 Vue.js
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
python基于xmlrpc实现二进制文件传输的方法
2015/06/02 Python
Python在Windows和在Linux下调用动态链接库的教程
2015/08/18 Python
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
解决python3在anaconda下安装caffe失败的问题
2017/06/15 Python
python数据预处理之将类别数据转换为数值的方法
2017/07/05 Python
centos6.8安装python3.7无法import _ssl的解决方法
2018/09/17 Python
python制作mysql数据迁移脚本
2019/01/01 Python
使用python的pexpect模块,实现远程免密登录的示例
2019/02/14 Python
python读写配置文件操作示例
2019/07/03 Python
python中property和setter装饰器用法
2019/12/19 Python
python3.6.8 + pycharm + PyQt5 环境搭建的图文教程
2020/06/11 Python
在keras中对单一输入图像进行预测并返回预测结果操作
2020/07/09 Python
python将YUV420P文件转PNG图片格式的两种方法
2021/01/22 Python
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
经贸韩语专业大学生职业规划
2014/02/14 职场文书
工作感想范文
2015/08/07 职场文书
redis cluster支持pipeline的实现思路
2021/06/23 Redis
SQLServer RANK() 排名函数的使用
2022/03/23 SQL Server
Nginx的gzip相关介绍
2022/05/11 Servers