项目中遇见了,就记录下来,省的以后找不到了
一、maxlength 属性在IE中失效
当 input 的 type 属性为 ‘text’ 时,maxlength 有效
当input 的 type 属性为 ‘number’ 时,失效
解决办法:
<input
type="number"
placeholder="请输入手机号..."
v-model="telNumber"
maxlength="11"
@input="telNumber=telNumber.slice(0,11)"
/>
textarea 标签中的 maxlength 也是同样的道理
二、1、input 的数字验证,只能输入数字,且不能输入空格
我比较懒,不想再去单独写一个方法来校验多个属性,因为空格的判断很简单,所以就都放在一起了
<input
type="text"
placeholder="请输入数字..."
v-model="number"
@keydown="number=number.replace(/[, ]/g,'')"
@keyup="number=number.replace(/[^\d]/g,'');"
/>
2、input 只能输入正整数
<input
type="text"
v-model="value"
@keyup="value=value.replace(/^(0+)|[^\d]+/g,'')"
/>
再有简单的验证我再补充。。。