el-form表单ip及端口号验证

export default {
  data(){
    let validateIp = (rule, value, callback) => {
      if (value == '') {
        return callback(new Error('请输入IP地址'));
      } else {
        let exp = /^(\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])$/;
        if (!exp.test(value)) {
          callback(new Error('请输入合法的ip'));
        } else {
          callback();
        }
        callback();
      }
    };
    let validatePort = (rule, value, callback) => {
      let reg = /^(([0-9]|[1-9]\d{1,3}|[1-5]\d{4}|6[0-5]{2}[0-3][0-5]))$/;
      if (value == '') {
        callback(new Error('请输入端口号'));
      } else if (reg.test(value) == false) {
        callback(new Error('请输入合法的端口号'));
      } else {
        callback();
      }
    };
    return{
      rules:{
        ip:[{ required: true, validator: validateIp, trigger: 'blur' }],
        port:[{ required: true, validator: validatePort, trigger: 'blur' }],
      }
    }
  }
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容