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动画(animate)简单引擎代码示例
Dec 04 Javascript
javascript中简单的进制转换代码实例
Oct 26 Javascript
js实现上传图片预览的方法
Feb 09 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
基于JavaScript实现通用tab选项卡(通用性强)
Jan 07 Javascript
Javascript6中字符串的四个新用法分享
Sep 11 Javascript
老生常谈Javascript中的原型和this指针
Oct 09 Javascript
Jquery Easyui分割按钮组件SplitButton使用详解(17)
Dec 18 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
微信小程序websocket聊天室的实现示例代码
Feb 12 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
js和php邮箱地址验证的实现方法
2014/01/09 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
功能强大的php文件上传类
2016/08/29 PHP
php中namespace及use用法分析
2016/12/06 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
对textarea框的代码调试,而且功能上使用非常方便,酷
2006/06/30 Javascript
经验几则 推荐
2006/09/05 Javascript
setTimeout()递归调用不加引号出错的解决方法
2014/09/05 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
2015/03/25 Javascript
JavaScript函数节流概念与用法实例详解
2016/06/20 Javascript
基于d3.js实现实时刷新的折线图
2016/08/03 Javascript
js实现表单及时验证功能 用户信息立即验证
2016/09/13 Javascript
Vue.js基础知识小结
2017/01/13 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
JS实现字符串去重及数组去重的方法示例
2018/04/21 Javascript
vue路由拦截及页面跳转的设置方法
2018/05/24 Javascript
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
2018/09/27 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)
2019/01/24 Javascript
在element-ui的select下拉框加上滚动加载
2019/04/18 Javascript
JavaScript封闭函数及常用内置对象示例
2019/05/13 Javascript
小程序卡片切换效果组件wxCardSwiper的实现
2020/02/13 Javascript
Python操作CouchDB数据库简单示例
2015/03/10 Python
用python实现对比两张图片的不同
2018/02/05 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
wxPython之wx.DC绘制形状
2019/11/19 Python
用python求一重积分和二重积分的例子
2019/12/06 Python
python 动态渲染 mysql 配置文件的示例
2020/11/20 Python
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
为什么在使用动态 SQL 语句时必须为低层数据库对象授予权限
2012/12/13 面试题
大学生个人推荐信范文
2013/11/25 职场文书
项目建议书怎么写
2014/05/15 职场文书
大学生工作自荐书
2014/06/16 职场文书
公司优秀员工获奖感言
2014/08/14 职场文书
在K8s上部署Redis集群的方法步骤
2021/04/27 Redis