java项目的前后端参数校验

最新推荐文章于 2025-05-01 21:45:41 发布

yuan__ll

最新推荐文章于 2025-05-01 21:45:41 发布

阅读量1.7k

点赞数 32

CC 4.0 BY-SA版权

文章标签： java 开发语言

本文链接：https://blog.youkuaiyun.com/yuan__ll/article/details/145359625

一、数据校验

1、前端数据校验

表单校验，绑定校验规则:rules="dataRule"

<el-form ref="dataForm" :model="dataForm" :rules="dataRule" label-width="140px"
         @keyup.enter.native="dataFormSubmit()">

定义自定义校验器

     var checkAge = (rule, value, callback) => {
        if (!value) {
          return callback(new Error('年龄不能为空'));
        }
        setTimeout(() => {
          if (!Number.isInteger(value)) {
            callback(new Error('请输入数字值'));
          } else {
            if (value < 18) {
              callback(new Error('必须年满18岁'));
            } else {
              callback();
            }
          }
        }, 1000);
      };
      var validatePass = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请输入密码'));
        } else {
          if (this.ruleForm.checkPass !== '') {
            this.$refs.ruleForm.validateField('checkPass');
          }
          callback();
        }
      };
      var validatePass2 = (rule, value, callback) => {
        if (value === '') {
          callback(new Error('请再次输入密码'));
        } else if (value !== this.ruleForm.pass) {
          callback(new Error('两次输入密码不一致!'));
        } else {
          callback();
        }
      };