Variable phoneRules(手机号表单校验规则)Const

Example

<template>
  <a-form ref="form" class="form"
           :model="formState"
           @submit="submit">
     <a-form-item name="phone" :rules="phoneRules">
           <a-input v-model:value="formState.phone" placeholder="请输入手机号"/>
       </a-form-item>
        <a-form-item>
           <a-button class="submit-btn" type="primary" html-type="submit" >确认</a-button>
       </a-form-item>
 </a-form>
</template>

<script lang="ts" setup>
import { phoneRules } from '@/dlf/un/validate-rules'

const formRef = ref()
const formState = reactive({
  phone: ''
})
const submit = () => {
  formRef.value.validate().then(() => {
    console.log('submit')
  })
}
}
</script>
Copy