可以加oninput属性来控制最大长度: <input id="numInput" type="number" maxlength="3" value="" oninput="if(value.length>3)value=value.slice(0,3)">
当<input type="number" maxlength="15" />时maxlength失效,长度可以无限输入。 解放方案: <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" /> 验证整数部分不能超过10位 <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" onkeyup="check_price(...
解决 <input type="number" oninput="if(value.length>4) value=value.slice(0,4)" /> 1. 添加oninput事件,用js进行判断,如果长度大于4位,则截取前四位。 如果还要添加别的验证规则比如保留两位小数或者实现数字的自动计算,可以 oninput="rs(this.value);if(value.length>4) value=value.slice(0,4)" ...
<input type="text" maxlength="5" /> 效果ok,当 <input type="number" maxlength="5" />时maxlength失效,长度可以无限输入。 解放方案: <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" />
解决input,number类型的maxlength无效 使用input数字number类型的时候maxlength无效 假设需要控制输入数量为5,可以用以下方式: <input type="text" maxlength="5" /> 效果ok <input type="number" maxlength="5" />无效 改成这个: <inputtype="number"oninput="if(value.length>5)value=value.slice(0,5)"/>...
<input type="text" maxlength="5" /> 可以限制最大输入长度。 如果type是number:<input type="number" maxlength="5" /> maxlength失效,长度可以无限输入。 可以使用JS来解决这个问题: <input type="number" oninput="if(value.length>5)value=value.slice(0,5)" />...
<pre><input type="text" maxlength="5" /> 效果ok,当 <input type="number" maxlength="5" />时maxlength失效,长度可以无限输入。</pre> 解放方案:<pre><input type="number" oninput="if(value.length>5)value=value.slice(0,5)" /></pre> 很简单,搞定!
1. input type=‘number’ 的时候不受maxlength 限制 <input type="tel" maxlength='11' /> //就可以了 2. input 只想输入数字 <!-- type 为tel --> <input type="tel" oninput="this.value=this.value.replace(/[^\d]/g,'')" /> <!-- type 为number --> <input type="number" oninp...
方案一: 将type值改为tel,适用输入整数情况,在ios里面会出现无法输入小数点问题 方案二: type保持number不变,监听input变化,截取长度,代码如下: <input placeholder="请输入" type="number" onInput={e => e.target.value = e.target.value.slice(0, 5)} // type=number maxlenth失效 />...
type='number' name='mobile' id='mobile' placeholder='请输入手机号' onInput={this.onChange.bind(this, 'mobile')} /> 期望行为 [这里请用简洁清晰的语言描述你期望的行为] 报错信息 [这里请贴上你的完整报错截图或文字] 系统信息 Taro v1.2 及以上版本已添加taro info命令,方便大家查看系统及依赖信息,...