場景

在使用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>

其他自定義驗證類似。

實現效果

?

總結

以上是生活随笔為你收集整理的BJUI怎样对input添加自定义验证规则的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。