formValidator 密码


一个自动检查插件,先上代码:

<div class="easyui-panel" data-options="fit:true,title:'<{$currentpos}>',border:false">
    <form id="<{$prefix}>_form">
        <input type="hidden" name="info[user_id]" value="<{$user_id}>" />
        <table cellspacing="12">
            <tr align="left">
                <td colspan="3">
                    <font color="#ff0000">
                        提示:请设置用户密码
                    </font>
                </td>
            </tr>
            <tr>
                <td>
                    设置密码:
                </td>
                <td>
                    <input name="info[password]" id="<{$prefix}>_form_password" type="text"
                    style="width:150px;height:22px" />
                </td>
                <td>
                    <div style="color:red" id="<{$prefix}>_form_passwordTip">
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    重复密码
                </td>
                <td>
                    <input name="info[password2]" id="<{$prefix}>_form_password2" type="text"
                    style="width:150px;height:22px" />
                </td>
                <td>
                    <div style="color:red" id="<{$prefix}>_form_password2Tip">
                    </div>
                </td>
            </tr>
            <tr align="center">
                <td colspan="3">
                    <a id="<{$prefix}>_form_submit" class="easyui-linkbutton">
                        确定创建
                    </a>
                </td>
            </tr>
        </table>
    </form>
</div>
<script type="text/javascript">
    $(function() {
        $('#<{$prefix}>_form_submit').click(function() {
            $('#<{$prefix}>_form').submit()
        });
        $.formValidator.initConfig({
            formID: "<{$prefix}>_form",
            onSuccess: <{
                $prefix
            } > _editFormSubmit,
            submitAfterAjaxPrompt: '正在发送,请稍等...',
            inIframe: true
        });
        $("#<{$prefix}>_form_password").formValidator({
            onShow: "请输入密码",
            onFocus: "请输入密码"
        }).inputValidator({
            min: 6,
            max: 20,
            onError: "密码应该为6-20位之间"
        });
        $("#<{$prefix}>_form_password2").formValidator({
            onShow: "请重复密码",
            onFocus: "请重复密码"
        }).compareValidator({
            desID: "<{$prefix}>_form_password",
            operateor: "=",
            onError: "输入两次密码不一致"
        });
    });
    function < {
        $prefix
    } > _editFormSubmit() {
        $.post('<{:U('User / editPassword ')}>', $("#<{$prefix}>_form").serialize(),
        function(res) {
            if (!res.status) {
                $.messager.alert('提示信息', res.info, 'error');
            } else {
                $.messager.alert('提示信息', res.info, 'info');
            }
        })
    }
</script>

上面以及之前,凡是出现过“<{$prefix}>”字样的,都是一个唯一的字符串,可以随便写,比如本例当中,可以将全部“<{$prefix}>”标签ctrl+h替换成“abcdefg”


原文链接:https://blog.yongit.com/note/95460.html