0
点赞
收藏
分享

微信扫一扫

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


场景

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

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


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

实现代码

验证邮箱

<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添加自定义验证规则_bjui

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

 

举报

相关推荐

0 条评论