miniui自定义校验格式

示例如下:

对密码校验:

 mini.VTypes["equalpwdErrorText"] = "新密码两次输入不一致";
        mini.VTypes["equalpwd"] = function (v) {
            var data = form.getData();
            if (data.newpsw == data.confirmpsw) return true;

            return false;
        }

密码框使用:

 <tr>
                <td>
                    <label for="newpsw$text">新密码:</label>
                </td>
                <td>
                    <input name="newpsw" vtype="equalold" onvalidation="onnewpswValidation" vtype="rangeLength:4,10"
                        rangeLengthErrorText="不能少于4个字符" class="mini-textbox" required="true" />
                </td>
                <td id="newpsw_error" class="errorText"></td>
            </tr>
            <tr>
                <td>
                    <label for="confirmpsw$text">确认密码:</label>
                </td>
                <td>
                    <input name="confirmpsw" onvalidation="onconfirmpswValidation" class="mini-textbox" required="true"
                        vtype="equalpwd" />
                </td>
                <td id="confirmpsw_error" class="errorText"></td>
            </tr>

对于密码校验提示的方法,api文档中也有说明:

 //错误信息的校验处理
        //
        function updateError(e) {
            var id = e.sender.name + "_error";
            var el = document.getElementById(id);
            if (el) {
                el.innerHTML = e.errorText;
            }
        }

        function onoldpswValidation(e) {
            updateError(e);
        }

        function onnewpswValidation(e) {
            updateError(e);
        }

主要就是保持:

  基本格式写成这样就可以了

<label for="oldpsw$text">
  <input name="oldpsw" onvalidation="onoldpswValidation"

 <td id="oldpsw_error" class="errorText"></td>

猜你喜欢

转载自blog.csdn.net/qq_38735996/article/details/89575325