关于maxlength在IE中失效，以及input常见限制，校验手机号(只能输入数字、不能输入)

项目中遇见了，就记录下来，省的以后找不到了

一、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,'')"
/>

再有简单的验证我再补充。。。