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 TO HTML 转换
Jun 26 Javascript
js检测客户端不是firefox则提示下载
Apr 07 Javascript
JS解密入门之凭直觉解
Jun 25 Javascript
jQuery bind事件使用详解
May 05 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
JavaScript极简入门教程(二):对象和函数
Oct 25 Javascript
node.js中的fs.closeSync方法使用说明
Dec 17 Javascript
自定义事件解决重复请求BUG的问题
Jul 11 Javascript
快速处理vue渲染前的显示问题
Mar 05 Javascript
ES6知识点整理之数组解构和字符串解构的应用示例
Apr 17 Javascript
小程序调用微信支付的方法
Sep 26 Javascript
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
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
apache rewrite_module模块使用教程
2008/01/10 PHP
phpmyadmin出现Cannot start session without errors问题解决方法
2014/08/14 PHP
9个比较实用的php代码片段
2016/03/15 PHP
php通过文件头判断格式的方法
2016/05/28 PHP
微信公众号开发之语音消息识别php代码
2016/08/08 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
jquery基础教程之deferred对象使用方法
2014/01/22 Javascript
jQuery中outerWidth()方法用法实例
2015/01/19 Javascript
喜大普奔!jQuery发布 3.0 最终版
2016/06/12 Javascript
AngularJS表达式讲解及示例代码
2016/08/16 Javascript
Javascript中常见的逻辑题和解决方法
2016/09/17 Javascript
js中动态创建json,动态为json添加属性、属性值的实例
2016/12/02 Javascript
Javascript中的 “&amp;” 和 “|” 详解
2017/02/02 Javascript
jQuery实现简单的滑动导航代码(移动端)
2017/05/22 jQuery
js + css实现标签内容切换功能(实例讲解)
2017/10/09 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
关于Vue背景图打包之后访问路径错误问题的解决
2017/11/03 Javascript
cropper js基于vue的图片裁剪上传功能的实现代码
2018/03/01 Javascript
解决iView中时间控件选择的时间总是少一天的问题
2018/03/15 Javascript
浅入深出Vue之组件使用
2019/07/11 Javascript
vue实现登录页面的验证码以及验证过程解析(面向新手)
2019/08/02 Javascript
世界上最短的数字判断js代码
2019/09/09 Javascript
python中正则表达式的使用详解
2014/10/17 Python
Python的string模块中的Template类字符串模板用法
2016/06/27 Python
Python之父谈Python的未来形式
2016/07/01 Python
Python3.5 Pandas模块之DataFrame用法实例分析
2019/04/23 Python
python 使用递归回溯完美解决八皇后的问题
2020/02/26 Python
解决启动django,浏览器显示“服务器拒绝访问”的问题
2020/05/13 Python
Python Tornado核心及相关原理详解
2020/06/24 Python
Python如何设置指定窗口为前台活动窗口
2020/08/12 Python
CSS3 真的会替代 SCSS 吗
2021/03/09 HTML / CSS
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
会计专业自我鉴定
2014/02/10 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
财务部岗位职责范本
2015/04/14 职场文书