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 DOM学习第六章 表单实例
Feb 19 Javascript
JavaScript高级程序设计 客户端存储学习笔记
Sep 10 Javascript
js DOM的学习笔记
Dec 22 Javascript
Jquery为单选框checkbox绑定单击click事件
Dec 18 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
基于JQuery实现的图片自动进行缩放和裁剪处理
Jan 31 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
jQuery序列化后的表单值转换成Json
Jun 16 jQuery
vue实现消息的无缝滚动效果的示例代码
Dec 05 Javascript
vue.js删除列表中的一行
Jun 30 Javascript
javascript自定义右键菜单插件
Dec 16 Javascript
JavaScript数组去重实现方法小结
Jan 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
星际争霸秘籍
2020/03/04 星际争霸
php获取远程图片体积大小的实例
2013/11/12 PHP
php实现zip压缩文件解压缩代码分享(简单易懂)
2014/05/10 PHP
解决laravel上传图片之后,目录有图片,但是访问不到(404)的问题
2019/10/14 PHP
关于B/S判断浏览器断开的问题讨论
2008/10/29 Javascript
JS面向对象编程 for Cookie
2010/09/19 Javascript
Js中的onblur和onfocus事件应用介绍
2013/08/27 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
2016/07/12 Javascript
JS当前页面登录注册框,固定DIV,底层阴影的实例代码
2016/09/29 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
vue二级路由设置方法
2018/02/09 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
python多线程用法实例详解
2015/01/15 Python
Flask框架中密码的加盐哈希加密和验证功能的用法详解
2016/06/07 Python
Python2.7 实现引入自己写的类方法
2018/04/29 Python
python中报错&quot;json.decoder.JSONDecodeError: Expecting value:&quot;的解决
2019/04/29 Python
PyQt5 QTable插入图片并动态更新的实例
2019/06/18 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
keras和tensorflow使用fit_generator 批次训练操作
2020/07/03 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
用python进行视频剪辑
2020/11/02 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
AJAX的全称是什么
2012/11/06 面试题
仓管员岗位职责范文
2013/11/08 职场文书
市场营销职业生涯规划书范文
2014/01/12 职场文书
给幼儿园老师的表扬信
2014/01/19 职场文书
农林经济管理专业自荐信
2014/09/01 职场文书
2014年收银工作总结
2014/11/13 职场文书
2015年实习单位评语
2015/03/25 职场文书
《叶问2》观后感
2015/06/15 职场文书
趣味运动会标语口号
2015/12/26 职场文书
2019交通安全宣传标语集锦!
2019/06/28 职场文书
mongoDB数据库索引快速入门指南
2022/03/23 MongoDB
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers