vue中mint-ui的filed的與blur事件結合實現檢查用戶輸入是否正確

標題mint-ui的filed與blur事件驗證用戶輸入格式是否正確
說明：本人前端菜鳥，只是想借個地方做個筆記，為了以后查閱時比較方便。如有大神有什么建議的地方，歡迎提出來。

1、不得不說，mint-ui的官方文檔一點都不詳細，對於剛開始接觸前端的人來說還是有難度的，不過大神們一般都去看mint-ui的源碼去了。
**問題：**我想實現如下圖的功能，用戶輸入正確的時候顯示勾標志，輸入錯誤顯示叉標志。

將filed中的status綁定一個變量NameStatus ，然后利用blur事件檢查是否輸入正確，如果輸入錯誤，把error賦值給NameStatus，反之success

<mt-field label="就診人姓名：" placeholder="請輸入姓名"  :state="NameStatus" v-model="patientInfo.patientName" @blur.native.capture="checkInputName"></mt-field>

data中：NameStatus:'',
blur事件：

checkInputName(){ 
var regex =/^[\u4E00-\u9FA5]+$/;//判斷是全為漢字
var name=this.patientInfo.patientName;
if(!regex.test(name)){
  this.NameStatus="error";
}
else{
   this.NameStatus="success";
}`

2、正則表達式（驗證輸入是否全為漢字、全為字母等等）
1、var re =/^[A-Za-z0-9]+$/;//判斷是否使字母和數字組合
re.test(test)這個方法驗證就好了。
2、var regex =/^[\u4E00-\u9FA5]+$/;//判斷是否為純漢字
3、var re=/^[\d]+$/;//判斷是否全為數字