BootstrapValidator 验证表单 form

简介: function initBootstrapValidator() { $("#roleForm").bootstrapValidator({ feedbackIcons: { valid: 'glyphicon glyphico...
function initBootstrapValidator() {
    $("#roleForm").bootstrapValidator({
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            roleName: {
                validators: {
                    notEmpty: {
                        message: '请填写角色名'
                    },
                    stringLength: {
                        min: 3,
                        max: 16,
                        message: '角色名长度在3-16位'
                    },
                    remote: {
                        type: 'POST',
                        delay: 1000,
                        url: 'checkExistOne.html',
                        message: '角色名已经存在',
                        data: function (validator) {
                            //自定义提交数据,默认为当前input name值
                            return {
                                test: "test"
                            }
                        }
                    },
                    regexp: {
                        regexp: /^[a-zA-Z_]+$/,
                        message: '角色名仅能使用字母下划线'
                    }
                }
            }
        }
    }).on('success.form.bv', function (e, data) {
        var id = $('#id_update').val();
        // -1 表示添加角色,否则是修改角色
        if (id == -1) {
            var roleName = $("#roleName").val();
            var roleDesc = $("#roleDesc").val();
            if (roleName == "" || roleName == "请填写角色名称") {
                showMessage("请填写角色名称");
                return false;
            }
            var param = {roleName: roleName, roleDesc: roleDesc };
            $.post('addRole.html', param).done(function (data) {
                if (0 === data.code) {
                    $("#roleName").val("");
                    $("#roleDesc").val("");
                    $('#tablelist').bootstrapTable('refresh', {url: basePath + '/managerRole/list.html',query: {}});
                    showMessage(data.message);
                } else {
                    showMessage(data.message);
                }
            });
            $('#addRole').modal('hide');
        } else {
            var roleDesc = $("#roleDesc").val();
            var param = {id: id, roleDesc: roleDesc };
            $.post('updateRole.html', param).done(function (data) {
                if (0 === data.code) {
                    $("#roleName").val("");
                    $("#roleDesc").val("");
                    showMessage(data.message);
                    $('#tablelist').bootstrapTable('refresh', {url: basePath + '/managerRole/list.html',query: {}});
                } else {
                    showMessage(data.message);
                }
            });
            $('#addRole').modal('hide');
        }
        $("#roleForm").bootstrapValidator('resetForm', true);
    });

    $('#addRole').on('hide.bs.modal', function () {
        $("#roleForm").bootstrapValidator('resetForm', true);
    });

}

验证成功后,根据 隐藏域 判断是走编辑还是添加函数
1:添加时在隐藏域放一个,-1标志位
2:编辑时把主键 id,放在隐藏域中

目录
相关文章
|
存储 负载均衡 Linux
|
7月前
|
前端开发 Java 关系型数据库
基于ssm的网络直播带货管理系统,附源码+数据库+论文
该项目为网络直播带货网站,包含管理员和用户两个角色。管理员可进行主页、个人中心、用户管理、商品分类与信息管理、系统及订单管理;用户可浏览主页、管理个人中心、收藏和订单。系统基于Java开发,采用B/S架构,前端使用Vue、JSP等技术,后端为SSM框架,数据库为MySQL。项目运行环境为Windows,支持JDK8、Tomcat8.5。提供演示视频和详细文档截图。
165 10
|
10月前
|
Linux Go iOS开发
怎么禁用 vscode 中点击 go 包名时自动打开浏览器跳转到 pkg.go.dev
本文介绍了如何在 VSCode 中禁用点击 Go 包名时自动打开浏览器跳转到 pkg.go.dev 的功能。通过将 gopls 的 `ui.navigation.importShortcut` 设置为 "Definition",可以实现仅跳转到定义处而不打开链接。具体操作步骤包括:打开设置、搜索 gopls、编辑 settings.json 文件并保存更改,最后重启 VSCode 使设置生效。
350 8
怎么禁用 vscode 中点击 go 包名时自动打开浏览器跳转到 pkg.go.dev
|
JavaScript 前端开发
JS配合CSS3实现动画和拖动小星星小Demo
本文通过代码示例展示了如何使用JavaScript和CSS3实现动画效果和拖动小星星的交互效果,包括文字掉落动画和鼠标拖动产生小星星动画的实现方法。
184 0
JS配合CSS3实现动画和拖动小星星小Demo
|
安全 网络安全 PHP
WordPress PHP Everywhere <= 2.0.3 远程代码执行(CVE-2022-24663)
WordPress PHP Everywhere <= 2.0.3 远程代码执行(CVE-2022-24663)
好热闹!通义灵码的搭子们在小红书已经冲上 Next Level 啦
好热闹!通义灵码的搭子们在小红书已经冲上 Next Level 啦
|
人工智能
AI绘画,Stable Diffusion如何使用中文简体包,黑色页面切换参数http://127.0.0.1:7860/?__theme=dark 两个__,中文包下载和安装
AI绘画,Stable Diffusion如何使用中文简体包,黑色页面切换参数http://127.0.0.1:7860/?__theme=dark 两个__,中文包下载和安装
|
监控 机器人 数据安全/隐私保护
|
存储 搜索推荐 关系型数据库
55.【clickhouse】ClickHouse从入门到放弃-概念场景
【clickhouse】ClickHouse从入门到放弃-概念场景
55.【clickhouse】ClickHouse从入门到放弃-概念场景
|
资源调度 前端开发 搜索推荐
从0搭建vue3组件库: 如何完整搭建一个前端脚手架?
从0搭建vue3组件库: 如何完整搭建一个前端脚手架?
488 0