为大家分享的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>
运行效果图:
下面再给大家补充一些:
小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<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限制文本框的输入内容代码
相关推荐:
AI会生成同一篇文章吗?揭开智能创作的神秘面纱
seo的推广工具,seo推广软件哪个好 ,国内ai写作论文怎么样
代哥SEO-让您的网站迅速登顶搜索引擎的秘密武器,济南关键词的排名优化
优化页面-提升用户体验与搜索引擎排名的关键,绍兴视频营销推广
ChatGPT国内版:为中国用户量身定制的智能助手,开启AI新纪元,ai文章赚钱
SEO自行:提升网站流量的秘密武器,邹平县个人网站建设建议
SEO字:如何通过精准关键词提升网站流量与排名,赣州于都网站推广
SEO需要什么语音,seo需要考虑什么 ,学生作业ai
OpenAI推出的GPT-4Turbo大幅降低了AI应用成本,推动了AI技术的普及化,ai*版
ChatGPT故障你从未听过的真相,究竟是什么让它偶尔“失灵”?,ai 图片 矢量
SEO查看-如何通过精确分析提升网站流量与排名,东丽网站建设价格
SEO收集:如何通过有效数据收集提升网站排名,鞍山商城网站建设报价
ChatGPT:人工智能对话新时代的领航者,ai音响华为还是小米好
智能AI生成文章释放创作新可能
AI网页生成:轻松构建智能网站,提升品牌竞争力,杭州专业ai智能教育
什么是seo发外链,seo外链类型有哪些 ,小小苏ai
seo要懂些什么,seo主要做什么的 ,小艾艾AI
什么是seo的豆子,何为seo ,ai圆复制
SEM有哪几个平台?数字营销的多元选择,AI怎么取消移动间距
软件我在AI:改变未来的智能助手
seo资源指的是什么,seo资料 ,绿眼AI
seo高手有什么条件,seo难上手吗 ,指南ai写作电力创新
亚马逊的seo是什么阿,亚马逊seo项目 ,中考用ai写作会判0分吗
SEO如何做?全方位解析提升网站排名的秘诀,AI翻译好处
SEO获客的秘诀:如何通过搜索引擎优化提升客户获取能力,厦门seo搜索优化排名
SEO很多,如何在竞争激烈的市场中脱颖而出?,在SEO优化中
主题导航-引领互联网世界的智慧之路,大渡口网站建设方案
seo站长什么意思,站长工具 - seo综合查询 ,ai少女身材
ChatGPT不能用?揭秘你可能忽视的真相和解决方法,强国ai2022
个性化广告:新时代营销的秘密武器,建设经营性网站怎么记账
《“查看更多”背后的秘密:让你的人生更加丰富多彩!》,宁安公司网站建设
ChatGPT空白对话:释放创意,开启智能对话的新世界,ai重庆南坪
360优化关键词-提升网站流量与排名的秘密武器,美拍ai
ChatGPT回答问题,网页无法线下滚动?解决方案轻松get!,谷歌AI铃声
ChatGPTCanvex打不开?详细分析及解决方法助你顺利使用,ai2.5d网格线去除
seo软件是什么职位,seo用的是什么软件 ,ai感知树
文章AI生成标题:让创作更轻松,内容更精彩
GPT-3.5可以免费使用吗?AI未来的无限可能,ai烧猪
优化高效率:提升个人与企业竞争力的关键,安康网站推广咨询
优排软件:高效管理新天地,轻松提升工作效率,长葛外贸网站建设
SEO优化如何提升网站排名,驾驭搜索引擎流量,三亚网站推广方法
自动写文章的AI,提升效率的创作利器
SEO动态:2025年SEO趋势与优化技巧解析,十堰外贸网站推广费用
seo组建需要什么条件,seo建站的步骤 ,ai肌肉宝宝
ChatGPT:打破语言障碍,理解与沟通的新时代,交通轨道ai
文章写作AI:让创作更高效、精准的智能助手
OpenAI注册问题解决方案:如何顺利通过手机号验证,反对ai头像
SEO优化做什么的?揭秘SEO优化的核心价值与实战应用,ai做金色
SEO教研:数字营销新趋势,提升网站流量与转化率的关键,齐鲁证券网站建设
ChatGPT为什么打不开?背后原因与解决方案,慧ai写作