elementUI 正则效验

<el-form
        :model="form"
        :rules="rules"
        width="600px"
        ref="postForm"
        label-width="120px"
        class="user-addFrom">
            <el-form-item label="员工姓名:" prop="name">
                <el-input v-model="form.name" placeholder="请输入员工手机号" clearable></el-input>
            </el-form-item>
<div v-for="(item,index) in dataObj.tableDate" :key="index">
<el-form-item label="数量:" prop="number">
               <el-input v-model="item.number" placeholder="请输入正整数" clearable size="mini" @input="changeSort(index)"></el-input>
            </el-form-item>
</div>


</el-form>
export default {
data() {
  return {
    dataObj:{
      tableDate:[]
    },
    rules:{
      name:[{required: true,message:'请输入员工手机', trigger: 'blur'},
                {pattern:/^((1)\d{10})$/,message:'请输入员工手机号!'}]
    }
  }
},
methods:{
  changeSort(index){
// 第一位不能为0 ,最大输入六位正整数
    this.dataObj.tableDate[index].number = (this.dataObj.tableDate[index].number.match(/^[1-9]\d{0,5}/) || [''])[0]
},
  save(){
    this.$refs.postForm.validate(valid => {
      if(valid){
         requestion.post({
            url:'xx',
            data:obj
         }).then(res= >{})
      }    
   }
}
}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容