BJUI怎样对input添加自定义验证规则-蒲公英云

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

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

场景

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