关于element表单以及表单验证

记录一下表单用到验证

• 去除空格，使用饿了么只需绑定trim，这个方法是去除首尾空格，如果是输入英文，需要在中间输入空格，此方法就不行。

 v-model.trim="form.designation"

• 只能输入数字，使用饿了么绑定number

v-model.number="form.OutdoorArea"

• 自定义验证：

例：
rules prop都要有

• 验证电话以及座机

  /^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/

• 验证整数和两位小数

/^\d+(\.\d{0,2})?$/

• 验证百分数0%-100%保留两位小数

 /^-?(100|(([1-9]\d|\d)(\.\d{1,2})?))%$/

• 不是必须输入，有值则验证，同自定义验证差不多
  
  
• 提交成功后重置表单

this.$refs[formName].resetFields();
//这里的formName是提交事件传的值，跟ref绑定的是一样的
//ref="dynamicValidateForm"
//@click="submitForm('dynamicValidateForm')"

• 去除空格，是指输入框全是空格的情况下验证：
  

value.split(" ").join("").length == 0

先记录到这里啦，想起来再更新~~~~