BJUI怎样对input添加自定义验证规则

桃扇骨 2023-10-18 11:13 39阅读 0赞

### 场景 ###

在使用BJUI框架实现添加以及编辑功能时，要对输入的内容进行验证。

对于简单的非空验证以及是否为数字验证，BJUI有自带的验证语法。

参照：

[https://blog.csdn.net/BADAO\_LIUMANG\_QIZHI/article/details/82418214][https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82418214]

但是如果想验证手机号或者邮箱又或者其他用正则表达式才能验证的东西，那么就应该自定义验证规则。

### 实现代码 ###

#### 验证邮箱 ####

#### 验证手机号 ####

<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>

其他自定义验证类似。

### 实现效果 ###

![Image 1][]![20181114142130217.jpg][]

![20181114142133150.jpg][]

![Image 1][]

[https_blog.csdn.net_BADAO_LIUMANG_QIZHI_article_details_82418214]: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/82418214
[Image 1]: 
[20181114142130217.jpg]: https://img-blog.csdnimg.cn/20181114142130217.jpg
[20181114142133150.jpg]: https://img-blog.csdnimg.cn/20181114142133150.jpg