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

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,'')"
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
如果你想要实现在输入框输入不正确分隔符号时,将其变红的功能,可以使用 JavaScript 来实现。具体的实现步骤如下: 1. 获取输入框的元素,并添加一个事件监听器,监听输入框输入情况。 2. 在事件处理程序中,检查输入框中的内容是否包含不正确的分隔符号,如果包含,就给输入框添加一个类名,比如 "error",同时给输入框添加一个红色的边框。 3. 如果输入框中的内容不包含不正确的分隔符号,就移除 "error" 类名,同时移除红色的边框。 以下是一个简单的实现示例: HTML 代码: ```html <input type="text" id="input-box"> ``` CSS 代码: ```css .error { border: 1px solid red; } ``` JavaScript 代码: ```javascript const inputBox = document.querySelector('#input-box'); inputBox.addEventListener('input', () => { const inputValue = inputBox.value; const regex = /[*+|\\{}()[\]^$]/g; // 正则表达式,用于匹配不正确的分隔符号 if (regex.test(inputValue)) { inputBox.classList.add('error'); } else { inputBox.classList.remove('error'); } }); ``` 在这个示例中,我们监听了输入框input 事件,并在事件处理程序中检查输入框中的内容是否包含不正确的分隔符号。如果包含,就给输入框添加一个类名 "error",同时给输入框添加一个红色的边框。如果输入框中的内容不包含不正确的分隔符号,就移除 "error" 类名,同时移除红色的边框。CSS 样式定义了 "error" 类名下的边框颜色。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一名落魄的程序员

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值