1. 程式人生 > >BJUI怎樣對input新增自定義驗證規則

BJUI怎樣對input新增自定義驗證規則

場景

在使用BJUI框架實現新增以及編輯功能時,要對輸入的內容進行驗證。

對於簡單的非空驗證以及是否為數字驗證,BJUI有自帶的驗證語法。

參照:

https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82418214

但是如果想驗證手機號或者郵箱又或者其他用正則表示式才能驗證的東西,那麼就應該自定義驗證規則。

實現程式碼

驗證郵箱

<td>
     <label class="control-label x90">郵箱:</label>
     <input class="" type="text"  id="email" name="email"
      data-rule="required;email;"
      data-rule-email="[/\w[-\w.+]*@([A-Za-z0-9][-A-Za-z0-9]+\.)+[A-Za-z]{2,14}/g, '請填寫正確的郵箱']"
      value="${partner.email}" />
</td>

驗證手機號

<td >
     <label for="name" class="control-label x90">合作方聯絡人電話:</label>
      <input class="" id="contactMobile" type="text" name="contactMobile" data-rule="required;mobile;"
       data-rule-mobile="[/(^1[3|5|7|8][0-9]{9}$)/, '請填寫正確的手機號']"
       autocomplete="off" value="${partner.contactMobile}" />
</td>

其他自定義驗證類似。

實現效果