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 相关文章推荐
javascript mouseover、mouseout停止事件冒泡的解决方案
Apr 07 Javascript
JS下拉框内容左右移动效果的具体实现
Jul 10 Javascript
Javascript中引用示例介绍
Feb 21 Javascript
js实现select组件的选择输入过滤代码
Oct 14 Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 Javascript
jQuery插件开发的五种形态小结
Mar 04 Javascript
使用基于Node.js的构建工具Grunt来发布ASP.NET MVC项目
Feb 15 Javascript
详解vue express启动数据服务
Jul 05 Javascript
详解angular笔记路由之angular-router
Sep 12 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
JavaScript实现随机五位数验证码
Sep 27 Javascript
vue中defineProperty和Proxy的区别详解
Nov 30 Vue.js
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过滤危险html代码
2008/08/18 PHP
PHP程序61条面向对象分析设计的经验小结
2008/11/12 PHP
PHP fopen()和 file_get_contents()应用与差异介绍
2014/03/19 PHP
[原创]smarty简单模板变量输出方法
2016/07/09 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
javascript Array.sort() 跨浏览器下需要考虑的问题
2009/12/07 Javascript
JavaScript Cookie的读取和写入函数
2009/12/08 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
2013/06/24 Javascript
javaScript arguments 对象使用介绍
2013/10/18 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
vue loadmore 组件滑动加载更多源码解析
2017/07/19 Javascript
浅谈Angular2 ng-content 指令在组件中嵌入内容
2017/08/18 Javascript
bootstrap fileinput实现文件上传功能
2017/08/23 Javascript
JavaScript体验异步更好的解决办法
2018/01/08 Javascript
史上最为详细的javascript继承(推荐)
2019/05/18 Javascript
JavaScript实现横版菜单栏
2020/03/17 Javascript
Vue 实现创建全局组件,并且使用Vue.use() 载入方式
2020/08/11 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
[01:22:28]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第一场 1月18日
2021/03/11 DOTA
从零学python系列之教你如何根据图片生成字符画
2014/05/23 Python
Python中处理字符串之endswith()方法的使用简介
2015/05/18 Python
通过python顺序修改文件名字的方法
2018/07/11 Python
Python读取JSON数据操作实例解析
2020/05/18 Python
利用html5 canvas动态画饼状图的示例代码
2018/04/02 HTML / CSS
浅谈基于Canvas的手绘风格图形库Rough.js
2018/03/19 HTML / CSS
Gina Bacconi官网:吉娜贝康尼连衣裙和礼服
2018/04/24 全球购物
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
学生会干部任命书
2015/09/21 职场文书
2019个人工作总结
2019/06/21 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server
react中的DOM操作实现
2021/06/30 Javascript