1. 程式人生 > >bjui的validate表單驗證的使用

bjui的validate表單驗證的使用

tpi logs start 比較 align pick fec 表示 優先

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表單驗證的使用