element的form表单校验（身份证号、手机号、整数、汉字、for循环列表）

最新推荐文章于 2025-04-01 16:34:59 发布

小白_ysf

最新推荐文章于 2025-04-01 16:34:59 发布

阅读量2.2k

点赞数 8

分类专栏： Element 文章标签： javascript 前端 vue.js elementui

本文链接：https://blog.csdn.net/weixin_41549971/article/details/135346583

版权

<template>
  <div class="FormPage">
    <el-form ref="form" :model="form" :rules="rules" label-width="100px">
      <el-form-item label="姓名:" prop="name">
        <el-input v-model="form.name" placeholder="请输入" maxlength="10" />
      </el-form-item>
      <el-form-item label="手机号码:" prop="phone">
        <el-input v-model="form.phone" placeholder="请输入" maxlength="11" />
      </el-form-item>
      <el-form-item label="身份证号码:" prop="IdCard">
        <el-input v-model="form.IdCard" placeholder="请输入" maxlength="18" />
      </el-form-item>
      <el-form-item label="整数:" prop="num">
        <el-input v-model="form.num" placeho