miniui自定义校验格式_miniui 验证密码强度-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_38735996/article/details/89575325

本文介绍如何在 MiniUI 中实现自定义密码校验，包括密码框的使用及校验提示方法。通过API文档，我们可以了解到具体的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例如下：

对密码校验：

 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>