vue 一些用得着的验证总结

2019-11-26  本文已影响0人  一碗米粉的故事

el-input 只能输入数字
@keyup.native='(e)=>e.target.value = e.target.value.replace(/[^\d]/g,"")'

只允许输入汉字+字母+数字
/^[A-Za-z0-9\u4e00-\u9fa5]+$/
@keyup.native='(e)=>e.target.value = e.target.value.replace(/[^A-Za-z0-9\u4e00-\u9fa5]/g,"")'

代码里判断 手机号码 11位数字
if (/^1\d{10}$/.test(this.salesPhone)) {
return
}

提交表单时,增加按钮loading状态

列表前端排序

element-form 表单验证 实时

封装的下拉框组件没有选择值时,目前不能触发 只能通过按钮保存时才会触发validate

obj.value = obj.value.replace(/[^\d.]/g,""); //清除“数字”和“.”以外的字符
obj.value = obj.value.replace(/.{2,}/g,"."); //只保留第一个. 清除多余的
obj.value = obj.value.replace(".","#").replace(/./g,"").replace("#",".");
obj.value = obj.value.replace(/^(-)(\d+).(\d\d)./,'12.3');//只能输入两个小数
if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额
obj.value= parseFloat(obj.value);

      if (/^1\d{10}$/.test(this.formData.contactPhone) || /^1\d{2}[*]{4}\d{4}$/.test(this.formData.contactPhone)) {

var phone = '13456789012';
var pattern = /(\d{3})(\d{4})(\d{4})/;
phone = phone.replace(pattern, "1****3");
console.log(phone)

上一篇 下一篇

猜你喜欢

热点阅读