美文网首页
vue 一些用得着的验证总结

vue 一些用得着的验证总结

作者: 一碗米粉的故事 | 来源:发表于2019-11-26 18:09 被阅读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)

相关文章

  • vue 一些用得着的验证总结

    el-input 只能输入数字@keyup.native='(e)=>e.target.value = e.ta...

  • Vue中的导航守卫(路由守卫)

    当做Vue-cli项目的时候感觉在路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。对此,vue-route...

  • Vue路由守卫

    路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。对此,vue-route 提供的 beforeRouteU...

  • Vue-Router中的导航守卫

    路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。 对此,vue-route 提供的 beforeRoute...

  • 路由守卫

    路由守卫 路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。对此,vue-route 提供的 可以方便地...

  • 使用navigator对象信息对浏览器进行判断 (vue-rou

    路由跳转前做一些验证,比如登录验证(未登录去登录页),是网站中的普遍需求。对此,vue-route 提供的导航守卫...

  • antd-vue 登录 带验证码

    登录页面login.vue 验证码组件identify.vue

  • Vue常用文档记录

    最近正在学习Vue,对Vue常用的一些api文档地址进行总结(仅为方便自己查看与学习记录) 1、Vue官方文档 ...

  • 面试前的总结-vue篇

    总结一些vue的面试题吧,为了年后的面试作准备。 vue指令 vue的生命周期 computed 和watch的区...

  • 关于使用vue的一点心得

    本人使用vue时间不长,完整的项目算是做完了2个。现在写一些关于使用vue的心得和总结吧。我发现只有总结之后,才会...

网友评论

      本文标题:vue 一些用得着的验证总结

      本文链接:https://www.haomeiwen.com/subject/pipewctx.html