bjui的validate表单验证的使用

Posted guoDaXia的博客

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bjui的validate表单验证的使用相关的知识,希望对你有一定的参考价值。

date-rule ="date" 表示格式为yyyy-MM-dd

date-rule = "datetime" 表示格式为yyyy-MM-dd HH:mm:ss

依赖框架在:http://niceue.com/validator/demo/

用法例子:

<tr>
                <td align="right">扣款金额</td>
                <td align="left">
                    <select name="withholdMoney" data-toggle="selectpicker">
                        <c:forEach items="${withholdStrategyManagerForm.withholdStrategyModuleEnums}" var="withholdStrategy">
                            <option <c:if test="${withholdStrategy.code eq withholdStrategyManagerForm.withholdMoney}">selected</c:if> value="${withholdStrategy.code}">${withholdStrategy.desc}</option>
                        </c:forEach>
                    </select>
                      
                    <input type="text" data-rule="required; integer; range[1~100]" value="${withholdStrategyManagerForm.withholdMoneyRate}" name="withholdMoneyRate">%
                </td>
            </tr>

            <tr>
                <td align="right">优先级</td>
                <td align="left"><input data-rule="required; integer; range[1~100]; remote[get:${pageContext.request.contextPath}/withholdStrategy/checkPriority, priority]" type="text" name="priority" value="${withholdStrategyManagerForm.priority}"></td>
            </tr>
<tr>
                <td align="right">生效时间</td>
                <td align="left">
                    <input type="text" data-rule="required; datetime;" name="startEffectDate" value="${withholdStrategyManagerForm.startEffectDate}" data-toggle="datepicker" data-pattern="yyyy-MM-dd HH:mm:ss">   
                    <input type="text" data-rule="required; datetime; match[gte, startEffectDate];" name="endEffectDate" value="${withholdStrategyManagerForm.endEffectDate}" data-toggle="datepicker" data-pattern="yyyy-MM-dd HH:mm:ss">
                </td>
            </tr>.

  

使用到了范围,比较,远端

 

以上是关于bjui的validate表单验证的使用的主要内容,如果未能解决你的问题,请参考以下文章

当 jquery.validate 验证表单时启用提交按钮

vue2移动端使用vee-validate进行表单验证

表单验证插件之jquery.validate.js

jQuery.validate.js表单验证插件

使用 jQuery 和验证提交表单

在 Spring Boot 应用程序中使用 @Valid 和 BindingResult 时的表单输入验证问题