表单提交是

  
      
        
          
        
        
          
        
        
          
     服务器托管网   
        
          
        
        
        提交  
        
      
  

  
export default {  
  data() {  
    return {  
      form: { 服务器托管网 
        name: '',  
        age: '',  
        address: '',  
        phone: ''  
      },  
      rules: {  
        name: [  
          { required: true, message: '请输入姓名', trigger: 'blur' },  
          { min: 3, max: 15, message: '长度在 3 到 15 个字符', trigger: 'blur' }  
        ],  
        age: [  
          { required: true, message: '请输入年龄', trigger: 'blur' },  
          { min: 18, max: 100, message: '年龄在 18 到 100 岁之间', trigger: 'blur' }  
        ],  
        address: [  
          { required: true, message: '请输入住址', trigger: 'blur' },  
          { min: 5, max: 20, message: '长度在 5 到 20 个字符', trigger: 'blur' }  
        ],  
        phone: [  
          { required: true, message: '请输入电话号码', trigger: 'blur' },  
          { pattern: /^1[3456789]d{9}$/, message: '请输入正确的电话号码', trigger: 'blur' }  
        ]  
      },  
      apiUrl: 'https://example.com/api/submit' // 后端接口的URL  
    };  
  },  
  methods: {  
    submitForm(formName) {  
      this.$refs[formName].validate((valid) => {  
        if (valid) {  
          // 表单验证通过，提交表单数据到后端接口  
          axios.post(this.apiUrl, this.form)  
            .then((response) => {  
              // 后端接口返回成功处理逻辑...  
              console.log('提交成功');  
            })  
            .catch((error) => {  
              // 后端接口返回失败处理逻辑...  
              console.log('提交失败');  
            });  
        } else {  
          // 表单验证失败，显示错误信息...  
          console.log('表单验证失败');  
          return false;  
        }  
      });
    }
}
}
      

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net

相关推荐: SSM整合RabbitMQ，Spring4.x整合RabbitMQ

SSM整合RabbitMQ目录 前言 版本 实现 目录参考 pom.xml依赖 rabbitmq.properties配置文件 spring-rabbitmq.xml spring-mvc.xml或applicationContext.xml rabbitmq…