首页 前端知识 input(不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字)

input(不允许用户输入符号、数字输入框能输入e的原因、输入框不可输入以0开头的数字但是可以输入带0的数字、只允许输入数字)

2024-09-18 02:09:28 前端知识 前端哥 970 281 我要收藏

input框–不允许用户输入符号:

<input  onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" 
onpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" 
oncontextmenu="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')"  type="text" />

input框–数字输入框能输入e的原因:

e 在数学上代表 2.71828 不允许输入e 只允许输入数字

<input  oninput="if(value>2147483647)value='';if(value.length>7)value=value.slice(0,7);" 
type="number" maxlength="8" onkeyup="this.value=this.value.replace(/[^(\d|.)]/g,'')" 
onafterpaste="this.value=this.value.replace(/[^(\d|.)]/g,'')" />

onKeypress:在用户敲击按钮时触发。
oninput :当元素获得用户输入时运行的脚本。

input框–输入框不可输入以0开头的数字但是可以输入带0的数字

<input type="text" onkeyup="javascript:this.value.substring(0,1)=='0'?this.value='0':this.value=this.value"
onafterpaste="this.value=this.value.replace(/\D/g,'')" placeholder="购买次数"  />

一行代码只允许输入数字 使用maxlength 限制长度 type=“text”

οnkeyup="this.value=this.value.replace(/[^(\d|.)]/g,'')" 
onafterpaste="this.value=this.value.replace(/[^(\d|.)]/g,'')"
转载请注明出处或者链接地址:https://www.qianduange.cn//article/18417.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!