SIPAIIS_WMS_JSSW/WebRoot/jsp/hqconfig/workModelAdd.jsp

<%@ page language="java" pageEncoding="UTF-8" %>
<script type="text/javascript">

    function dosave() {
        $("#subForm").bootstrapValidator('validate');//提交验证
        if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
            $.post(ext.contextPath + "/hqconfig/workModel/doSave.do", $("#subForm").serialize(), function (data) {
                if (data.res == 1) {
                    closeModal('subModal')
                    $("#table").bootstrapTable('refresh');

                } else if (data.res == 0) {
                    showAlert('d', '保存失败');
                } else {
                    showAlert('d', data.res);
                }
            }, 'json');
        }

    }

    $("#subForm").bootstrapValidator({
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
        fields: {
            name: {
                validators: {
                    notEmpty: {
                        message: '算法名称不能为空'
                    }
                }
            },
            modelName: {
                validators: {
                    notEmpty: {
                        message: '调用模型名称不能为空'
                    }
                }
            },
            output: {
                validators: {
                    notEmpty: {
                        message: '算法输出不能为空'
                    }
                }
            },
            riskLevelId: {
                validators: {
                    notEmpty: {
                        message: '风险项不能为空'
                    }
                }
            },
        }
    });

    $.post(ext.contextPath + "/hqconfig/riskGrade/getJson.do", {}, function (data) {
        var selelct = $("#riskLevelId").select2({
            data: data,
            placeholder: '请选择',//默认文字提示
            allowClear: false,//允许清空
            escapeMarkup: function (markup) {
                return markup;
            }, // 自定义格式化防止xss注入
            language: "zh-CN",
            minimumInputLength: 0,
            minimumResultsForSearch: -1,//禁用搜索框
            allowClear: true,//允许清空
            formatResult: function formatRepo(repo) {
                return repo.text;
            }, // 函数用来渲染结果
            formatSelection: function formatRepoSelection(repo) {
                return repo.text;
            } // 函数用于呈现当前的选择
        });

        if (data.length >= 1) {
            selelct.val(data[0].id).trigger("change");

        } else {
            selelct.val(data[0].id).trigger("change");
        }
        selelct.val('').trigger("change");
    }, 'json');
</script>
<div class="modal fade" id="subModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title">新增界面</h4>
            </div>
            <div class="modal-body">
                <!-- 新增界面formid强制为subForm -->
                <form class="form-horizontal" id="subForm">
                    <!-- 界面提醒div强制id为alertDiv -->
                    <div id="alertDiv"></div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">*调用模型名称</label>
                        <div class="col-sm-4">
                            <input type="text" id="modelName" name="modelName" class="form-control pull-right"
                                   placeholder="调用模型名称">
                        </div>
                        <label class="col-sm-2 control-label">*算法名称</label>
                        <div class="col-sm-4">
                            <input type="text" id="name" name="name" class="form-control pull-right" placeholder="算法名称">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">*算法输出</label>
                        <div class="col-sm-4">
                            <input type="text" id="output" name="output" class="form-control pull-right"
                                   placeholder="算法输出">
                        </div>
                        <label class="col-sm-2 control-label">是否报警</label>
                        <div class="col-sm-4">
                            <select type="text" id="isalarm" class="form-control pull-right" name="isalarm">
                                <option value="1">是</option>
                                <option value="0">否</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">模型状态</label>
                        <div class="col-sm-4">
                            <select type="text" id="status" class="form-control pull-right" name="status">
                                <option value="1">启用</option>
                                <option value="0">禁用</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">*风险项</label>
                        <div class="col-sm-10">
                            <select id="riskLevelId" name="riskLevelId" class="form-control select2"
                                    style="width: 100%"/>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-10">
                            <textarea type="text" id="remark" name="remark" class="form-control pull-right"
                                      placeholder="备注"/>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" onclick="dosave()" id="btn_save">保存</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>