为大家分享的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限制文本框的输入内容代码
相关推荐:
SEO定价策略:如何根据企业需求定制最佳价格方案,教育培训抖音营销推广
如何识别文章是否由AI写作:技巧与方法解析
用AI写文章查重率高吗?揭秘AI写作与查重检测的关系
撰写稿子的AI,写作的“超级助手”来了!
ChatGPT您的应用遇到问题,无法正常启动?如何解决并重新体验智能助手的魅力!,男头ai关键词
zblog站群,zblog怎么样 ,欧卡2ai汽车如何使用
SEO人工优化-让你的网页轻松登上搜索引擎首页,ai主母
seo进阶买什么书运营,seo入门难吗 ,没有ai软件怎么打开ai图片
优方法-高效生活与工作的秘密武器,钻石营销推广方案
ChatGPT怎么打开不了?全方位解决方案!,大庆ai
ChatGPT怎么打不开了?揭秘背后的原因与解决方法,ai中打开ai文件丢失
seo需要学些什么内容,学seo的基础 ,中国ai公司年收入
AI.生成重新定义创造力的新纪元
AI生成文章免费工具,让创作变得轻松又高效,ai安心健
摘要AI生成:高效工作的新时代利器
重生成AI:突破科技前沿,开启智能未来
SEO发明:引领数字时代营销革命的力量,速卖通外贸推广网站
SEO分类中内部优化的有:让你的网站脱颖而出!,by ai
seo资源是什么意思,seo资源怎么打开 ,梅州ai自动插件加工
目前最火的AI软件有哪些?深度解析必备工具
SEO伪创:提升网站排名的危险策略与如何避免,怎样介绍社交网站推广
ChatGPT网络故障报告从协调世界时(UTC)晚上1107左右开始激增,15分钟内引发广泛关注,ai无视进化
ChatGPT破解版电脑:如何获得更强大的AI助手,提升工作与学习效率,ai预设动画
SEO优化需要给网站做哪些优化工作?,ai捕捉火苗
ChatGPTApp怎么调大字体?提升阅读体验,让文字更清晰,推荐ai音频
ChatGPT198元永久会员,开启智慧之门,体验AI的极致服务!,老孙教ai
常用AI工具,高效智能生活
seo进阶买什么书推广,seo的推广技巧 ,菩萨壁纸ai
360排名优化价格:打造高效网络营销的制胜法宝,ai换脸刘浩存自wei
seo需要保持什么心态,seo的要求 ,ai83562
在线AI文章生成器开启智能创作新时代
SEO领站-从零到一打造成功网站排名的秘密,轻淘客seo怎设置
怎么识别是AI写的文章
AI写作技巧,让创作事半功倍!
Bing搜索不能预览了?搜索引擎的新变革与挑战,ai制作一张窗花
AI写作免费一键生成5000字:高效创作的革命性工具
怎么用AI生成一篇文章?高效创作指南全揭秘!
SEO汇报:如何通过数据分析提升网站排名,助力企业业绩增长,免费推广网站大全百度经验
seo重点是什么,seo最重要的指标 ,ai网格怎么用
seo需要买什么,seo需要考虑什么 ,ai做表头
丹东抖音seo是什么,抖音seo引流 ,ai工具编写作业指导书
SEO查看-如何通过精确分析提升网站流量与排名,东丽网站建设价格
ChatGPTO1免费:突破智能聊天的极限,体验AI无限可能,糯米ai唱歌
ChatGPT的梯子:突破网络壁垒,畅享智能对话的全新体验,ai的音标1001ai的音标
SEO包含的秘密:让你的网站轻松排上首页,新媒体营销推广方案目录
SEO组织:让您的网站流量倍增的秘密武器,seo 绩效标准
ChatGPT不能用?揭秘你可能忽视的真相和解决方法,强国ai2022
“洗稿技巧如何让你的文章脱颖而出,轻松提升内容创作水平!”,台州椒江seo企业排名
SEO适合-提升网站排名的关键策略,张家口品牌推广营销中心
ChatGPT维护页面-背后的技术与用户体验,ai领域ppt