开发添加新用户的功能 - tfphp框架

php

html

<div class="row dlg-box form-add" style="margin: 0 auto; width: 350px; background: white; z-index: 1000;">
    <div class="dlg-header">
        <div class="dlg-title">添加用户</div>
        <div class="dlg-tool-box"><i data-dialog-button="close">X</i></div>
    </div>
    <div class="dlg-content">
        <form class="form" method="post" style="width: auto;">
            <div class="form-group">
                <label>用户名</label>
                <input type="text" name="userName" class="form-control" />
            </div>
            <div class="form-group">
                <label>密码</label>
                <input type="password" name="userPass" class="form-control" />
            </div>
            <div class="form-group">
                <label>确认密码</label>
                <input type="password" name="userConfirmPass" class="form-control" />
            </div>
            <div class="form-group">
                <button name="" class="btn btn-primary btn-sm">添加</button>
            </div>
        </form>
    </div>
</div>

javascript

addFormDialog = $(".form-add").tfdialog({
    onShow: function(){
        this.find("form").attr("action", "/api/admin/tag/_add");
        this.tfform({
            validateRules: [
                {name: "userName", type: "empty", errmsg: "请填写用户名"},
                {name: "userPass", type: "empty", errmsg: "请填写密码"},
                {name: "userConfirmPass", type: "empty", errmsg: "请再次输入密码"}
            ],
            onProcessSuccess: function(data){
                if(data.errcode === 0 && data.errmsg === "OK"){
                    dataTable.refresh();
                    addFormDialog.hide();
                    this.trigger("reset");
                }
                else this.tftips({text: data.errmsg});
            },
            onPostValidateError: function(rule){
                this.tftips({text: rule.errmsg});
                if(rule.name) this.find('[name="'+rule.name+'"]').focus();
            }
        });
    }
});