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 数组循环引起的思考
Jan 01 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
JS实现悬浮移动窗口(悬浮广告)的特效
Mar 12 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
浅谈JavaScript的Polymer框架中的behaviors对象
Jul 29 Javascript
深入探讨前端框架react
Dec 09 Javascript
JS小数运算出现多为小数问题的解决方法
Jun 02 Javascript
Bootstrap3 模态框使用实例
Feb 22 Javascript
Javascript 一些需要注意的细节(必看篇)
Jul 08 Javascript
javascript实现Java中的Map对象功能的实例详解
Aug 21 Javascript
Vue组件的使用及个人理解与介绍
Feb 09 Javascript
layui 弹出层回调获取弹出层数据的例子
Sep 02 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
很温暖很温暖的Lester Young
2021/03/03 冲泡冲煮
配置最新的PHP加MYSQL服务器
2006/10/09 PHP
php图片合成方法(多张图片合成一张)
2017/11/25 PHP
php慢查询日志和错误日志使用详解
2021/02/27 PHP
JavaScript使用prototype定义对象类型
2007/02/07 Javascript
[原创]站长必须要知道的javascript广告代码
2007/05/30 Javascript
jQuery代码优化 事件委托篇
2011/11/01 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
js实现适用于素材网站的黑色多级菜单导航条效果
2015/08/24 Javascript
jQuery通过改变input的type属性实现密码显示隐藏切换功能
2017/02/08 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
2017/05/30 Javascript
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
node.js文件上传重命名以及移动位置的示例代码
2018/01/19 Javascript
详解vue-cli官方脚手架配置
2018/07/20 Javascript
jQuery实现经典的网页3D轮播图封装功能【附源码下载】
2019/02/15 jQuery
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
Python中使用PyQt把网页转换成PDF操作代码实例
2015/04/23 Python
Python带动态参数功能的sqlite工具类
2018/05/26 Python
Python动态参数/命名空间/函数嵌套/global和nonlocal
2019/05/29 Python
PyQt5的安装配置过程,将ui文件转为py文件后显示窗口的实例
2019/06/19 Python
python视频按帧截取图片工具
2019/07/23 Python
Python中logging日志库实例详解
2020/02/19 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
CSS3制作轮播图的一种方法
2019/11/11 HTML / CSS
一家专门经营包包的英国网站:MyBag
2019/09/08 全球购物
Herschel Supply Co.美国:背包、手提袋及配件
2020/11/24 全球购物
新锐科技Java程序员面试题
2016/07/25 面试题
女大学生毕业找工作的自我评价
2013/10/03 职场文书
医院学雷锋活动策划方案
2014/02/15 职场文书
2014年电信员工工作总结
2014/12/19 职场文书
个人专业技术总结
2015/03/05 职场文书
2015年学校教研室主任工作总结
2015/07/20 职场文书
「天才王子的赤字国家重生术」妮妮姆·拉雷粘土人开订
2022/03/21 日漫
Java 超详细讲解数据结构中的堆的应用
2022/04/02 Java/Android