antd表单校验及常用默认规则

Lao乾妈官方认证唯一女友:D

已于 2023-06-05 17:25:35 修改

阅读量273

点赞数

文章标签： javascript

于 2023-06-02 15:40:42 首次发布

本文链接：https://blog.csdn.net/qq_24385297/article/details/131008363

版权

该文章涉及Vue.js中的表单验证，使用ref进行表单操作，通过validate方法确认输入数据的合法性。验证规则包括必填、邮箱格式、URL、日期等，同时提及了远程验证（remote）和特定条件下的函数调用（如添加和编辑操作）。

摘要由CSDN通过智能技术生成

<a-form ref="operateCateRef" :model="operateCateForm" name="operateCateForm"></a-form>

const operateCateRef = ref() as any//表单ref

 operateCateRef.value.validate().then(()=>{
  //  if (operateType.value == 1) {
  // addCate()
 // } else {
   // editCate()
 // }
 // operateCateModalVisible.value = false
  })

required:true               //必输字段
remote:"remote-valid.jsp"   //使用ajax方法调用remote-valid.jsp验证输入值
email:true                  //必须输入正确格式的电子邮件
url:true                    //必须输入正确格式的网址
date:true                   //必须输入正确格式的日期，日期校验ie6出错，慎用
dateISO:true                //必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
number:true                 //必须输入合法的数字(负数，小数)
digits:true                 //必须输入整数
creditcard:true             //必须输入合法的信用卡号
equalTo:"#password"        //输入值必须和#password相同
accept:                    //输入拥有合法后缀名的字符串（上传文件的后缀）
maxlength:5                //输入长度最多是5的字符串(汉字算一个字符)
minlength:10               //输入长度最小是10的字符串(汉字算一个字符)
rangelength:[5,10]         //输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
range:[5,10]               //输入值必须介于 5 和 10 之间
max:5                      //输入值不能大于5
min:10                     //输入值不能小于10