vue 输入框数字、中文验证

一世执手 提交于 2019-11-28 15:55:30

   vue项目是基于element框架做的,在做form表单时,要做些验证,element框架也提供了自定义验证

   下面是一些常见的验证

   只允许输入数字:

      可以直接用框架的rule去验证,但必须在model后加上number

    <el-form-item label="姓名:">
          <el-input v-model.number="num"></el-input>         
       </el-form-item>

    num: [
        {required: true, message: '请输入数量'},
        {type: 'number', message: '数量必须为数字值'}
      ],

   只允许输入数字和小数:   

    <el-input v-model="items.volume" oninput="value=value.replace(/[^\d.]/g,'')"></el-input>

   过滤中文:    

    <el-input v-model="form.trailer.so_no"  oninput="value=value.replace(/[\u4e00-\u9fa5]/g, '')"></el-input>

 

 

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!