处理数据验证

src/views/vpn/ipsec-client.vue

@@ -10,7 +10,7 @@
     </el-header>
     <el-main class="main">
       <el-form :rules="rules" :model="ruleForm" ref="form" label-width="150px" class="demo-ruleForm" size="small">
-        <el-form-item label="VPN服务器IP地址" prop="address">
+        <el-form-item label="VPN服务器地址" prop="address">
             <el-input v-model="ruleForm.address"></el-input>
         </el-form-item>
         <el-form-item label="签名证书" prop="cert">

src/views/vpn/ipsec-server.vue

@@ -29,7 +29,7 @@
         <el-form-item label="虚拟子网地址" prop="addressTow">
             <el-input v-model="ruleForm.addressTow"></el-input>
         </el-form-item>
-        <el-form-item label="虚拟子网掩码" prop="digitTow">
+        <el-form-item label="虚拟子网掩码长度" prop="digitTow">
             <el-input v-model="ruleForm.digitTow"></el-input>
         </el-form-item>
         <el-form-item label="日志级别" prop="loglevel">
@@ -57,6 +57,7 @@ export default {
     ...mapState(['sigdata'])
   },
   data () {
+    const mask = { pattern: /^(\d|[1-2]\d|3[0-2])$/, message: '请输入掩码长度(0~32)', trigger: 'blur' }
     return {
       ruleForm: {},
       rules: {
@@ -65,7 +66,8 @@ export default {
           { pattern: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/, message: '请输入正确地址' }
         ],
         digit: [
-          { required: true, message: '请输入内网地址掩码长度', trigger: 'blur' }
+          { required: true, message: '请输入内网地址掩码长度', trigger: 'blur' },
+          mask
         ],
         cert: [
           { required: true, message: '请选择签名证书', trigger: 'chage' }
@@ -75,7 +77,8 @@ export default {
           { pattern: /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/, message: '请输入正确地址' }
         ],
         digitTow: [
-          { type: 'number', min: 0, max: 32, required: true, message: '请输入掩码长度(0~32)', trigger: 'blur' }
+          { required: true, message: '请输入虚拟子网掩码长度', trigger: 'blur' },
+          mask
         ],
         pwa: [
           { required: true, message: '请选择加密证书', trigger: 'chage' }