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遍历td tr等html元素
Dec 13 Javascript
Javascript中各种trim的实现详细解析
Dec 10 Javascript
Javascript 按位与赋值运算符 (&amp;=)使用介绍
Feb 04 Javascript
JavaScript获取对象在页面中位置坐标的方法
Feb 03 Javascript
浅谈javascript的call()、apply()、bind()的用法
Feb 21 Javascript
angularjs实现过滤并替换关键字小功能
Sep 19 Javascript
vue中添加mp3音频文件的方法
Mar 02 Javascript
Angular5中状态管理的实现
Sep 03 Javascript
Vue使用NProgress进度条的方法
Sep 21 Javascript
js实现简单贪吃蛇游戏
May 15 Javascript
js实现简单的点名器随机色实例代码
Sep 20 Javascript
js回到页面指定位置的三种方式
Dec 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
PHP7基于curl实现的上传图片功能
2018/05/11 PHP
javascript读取RSS数据
2007/01/20 Javascript
javascript IFrame 强制刷新代码
2009/07/23 Javascript
JSON语法五大要素图文介绍
2012/12/04 Javascript
JavaScript设置IFrame高度自适应(兼容各主流浏览器)
2013/06/05 Javascript
jquery.messager.js插件导致页面抖动的解决方法
2013/07/14 Javascript
JavaScript学习笔记之JS对象
2015/01/22 Javascript
2则自己编写的jQuery特效分享
2015/02/26 Javascript
javascript封装的sqlite操作类实例
2015/07/17 Javascript
JS实现重新加载当前页面
2016/11/29 Javascript
jQuery.ajax向后台传递数组问题的解决方法
2017/05/12 jQuery
JavaScript算法教程之sku(库存量单位)详解
2017/06/29 Javascript
使用Ajax和Jquery配合数据库实现下拉框的二级联动的示例
2018/01/25 jQuery
Node.js动手撸一个静态资源服务器的方法
2019/03/09 Javascript
vue elementui el-form rules动态验证的实例代码详解
2019/05/23 Javascript
vue element-ui读取pdf文件的方法
2019/11/26 Javascript
[05:08]第一届“网鱼杯”DOTA2比赛精彩集锦
2014/09/05 DOTA
[00:27]DOTA2战队VP、Secret贺新春
2018/02/11 DOTA
[01:13:59]LGD vs Mineski Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
Python交换变量
2008/09/06 Python
python中字典dict常用操作方法实例总结
2015/04/04 Python
初步认识Python中的列表与位运算符
2015/10/12 Python
SVM基本概念及Python实现代码
2017/12/27 Python
Python 绘图库 Matplotlib 入门教程
2018/04/19 Python
Python实现的简单读写csv文件操作示例
2018/07/12 Python
对Pytorch神经网络初始化kaiming分布详解
2019/08/18 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
python实现简易版学生成绩管理系统
2020/06/22 Python
python Scrapy框架原理解析
2021/01/04 Python
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
New Balance俄罗斯官方网上商店:购买运动鞋
2020/03/02 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
毕业生如何写自荐信
2014/03/26 职场文书
2014年社区居委会主任重阳节讲话稿
2014/09/25 职场文书
公务员四风问题对照检查材料整改措施
2014/09/26 职场文书
Redis特殊数据类型bitmap位图
2022/06/01 Redis