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 30 Javascript
JavaScript插件化开发教程(五)
Feb 01 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
7个去伪存真的JavaScript面试题
Jan 07 Javascript
如何实现json数据可视化详解
Nov 24 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
使用AngularJS对表单提交内容进行验证的操作方法
Jul 12 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
May 29 Javascript
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
Node.js 实现远程桌面监控的方法步骤
Jul 02 Javascript
在Vue中实现随hash改变响应菜单高亮
Mar 09 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
Mar 25 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实现用户在线时间统计详解
2011/10/08 PHP
php 启动报错如何解决
2014/01/17 PHP
PHP下的Oracle客户端扩展(OCI8)安装教程
2014/09/10 PHP
盘点PHP和ASP.NET的10大对比!
2015/12/24 PHP
php微信公众号开发之答题连闯三关
2018/10/20 PHP
通过JAVASCRIPT读取ASP设定的COOKIE
2007/02/15 Javascript
jQuery 数据缓存data(name, value)详解及实现
2010/01/04 Javascript
JavaScript DOM 学习第五章 表单简介
2010/02/19 Javascript
添加JavaScript重载函数的辅助方法2
2010/07/04 Javascript
JS高级笔记
2011/07/13 Javascript
40款非常有用的 jQuery 插件推荐(系列一)
2011/12/21 Javascript
jQuery仿Excel表格编辑功能的实现代码
2013/05/01 Javascript
JavaScript学习小结(7)之JS RegExp
2015/11/29 Javascript
JavaScript原生编写《飞机大战坦克》游戏完整实例
2017/01/04 Javascript
JS实现的随机排序功能算法示例
2017/06/09 Javascript
js实现鼠标单击Tab表单切换效果
2018/05/16 Javascript
vue 录制视频并压缩视频文件的方法
2018/07/27 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
浅谈layui分页控件field参数接收对象的问题
2019/09/20 Javascript
layui table 表格上添加日期控件的两种方法
2019/09/28 Javascript
Python中的两个内置模块介绍
2015/04/05 Python
Python基于pygame实现图片代替鼠标移动效果
2015/11/11 Python
python3实现随机数
2018/06/25 Python
Python 2.7中文显示与处理方法
2018/07/16 Python
Python读取分割压缩TXT文本文件实例
2020/02/14 Python
Python 统计位数为偶数的数字代码详解
2020/03/15 Python
size?荷兰官方网站:英国高级运动鞋精品店
2020/07/24 全球购物
酒店销售主管岗位职责
2014/01/04 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
优秀党员推荐材料
2014/12/18 职场文书
2015年百日安全活动总结
2015/03/26 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
《开国大典》教学反思
2016/02/16 职场文书
python基础之函数的定义和调用
2021/10/24 Python
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记