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 相关文章推荐
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
JavaScript的面向对象方法以及差别
Mar 31 Javascript
从jQuery.camelCase()学习string.replace() 函数学习
Sep 13 Javascript
jQuery $.extend()用法总结
Jun 15 Javascript
原生javascript实现分享到朋友圈功能 支持ios和android
May 11 Javascript
jQueryUI DatePicker 添加时分秒
Jun 04 Javascript
jQuery Easyui快速入门教程
Aug 21 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
基于JavaScript实现活动倒计时效果
Apr 20 Javascript
原生javascript实现分页效果
Apr 21 Javascript
详解在React.js中使用PureComponent的重要性和使用方式
Jul 10 Javascript
基于ant design日期控件使用_仅月份的操作
Oct 27 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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
PHP下MAIL的另一解决方案
2006/10/09 PHP
人大复印资料处理程序_补充篇
2006/10/09 PHP
mysql4.1以上版本连接时出现Client does not support authentication protocol问题解决办法
2007/03/15 PHP
smarty模板引擎从php中获取数据的方法
2015/01/22 PHP
Zend Framework教程之请求对象的封装Zend_Controller_Request实例详解
2016/03/07 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
JQuery操作表格(隔行着色,高亮显示,筛选数据)
2012/02/23 Javascript
jQuery函数map()和each()介绍及异同点分析
2014/11/08 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
常用jQuery代码分享
2015/07/14 Javascript
情人节单身的我是如何在敲完代码之后收到12束玫瑰的(javascript)
2015/08/21 Javascript
jQuery-1.9.1源码分析系列(十一)DOM操作续之克隆节点
2015/12/01 Javascript
Javascript基础之数组的使用
2016/05/13 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
原生js实现瀑布流布局
2017/03/08 Javascript
vue 微信扫码登录(自定义样式)
2020/01/06 Javascript
js实现简单的无缝轮播效果
2020/09/05 Javascript
Python的subprocess模块总结
2014/11/07 Python
Python中的异常处理相关语句基础学习笔记
2016/07/11 Python
python 生成器生成杨辉三角的方法(必看)
2017/04/10 Python
python实现字符串加密成纯数字
2019/03/19 Python
Python序列化与反序列化pickle用法实例
2019/11/11 Python
python动态文本进度条的实例代码
2020/01/22 Python
Python *args和**kwargs用法实例解析
2020/03/02 Python
python标准库OS模块函数列表与实例全解
2020/03/10 Python
Python Switch Case三种实现方法代码实例
2020/06/18 Python
细说NumPy数组的四种乘法的使用
2020/12/18 Python
学会迭代器设计模式,帮你大幅提升python性能
2021/01/03 Python
Java如何调用外部Exe程序
2015/07/04 面试题
小学防溺水制度
2014/01/29 职场文书
培训主管的职业生涯规划
2014/03/06 职场文书
文明寄语大全
2014/04/11 职场文书
2015年清明节演讲稿范文
2015/03/17 职场文书
心理健康教育主题班会
2015/08/13 职场文书
python异步的ASGI与Fast Api实现
2021/07/16 Python