SIPAIIS_WMS_JSSW/WebRoot/jsp/alarm/alarmLevelsConfigEdit.jsp

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<style type="text/css">
    .select2-container .select2-selection--single{
        height:34px;
        line-height: 34px;
    }
    .select2-selection__arrow{
        margin-top:3px;
    }
</style>
<script type="text/javascript">
    $(function(){
        $('#colorContainer').colorpicker({format: null});
    })

    function dosave() {
        $("#subForm").bootstrapValidator('validate');//提交验证
        setTimeout(function(){
            if ($("#subForm").data('bootstrapValidator').isValid()) {//获取验证结果，如果成功，执行下面代码
                $.post(ext.contextPath + "/alarm/config/doUpdate.do", $("#subForm").serialize(), function(data) {
                    if (data.code == 1){
                        closeModal('subModal');
                        $("#table").bootstrapTable('refresh');
                        showAlert('s','更新成功');
                    }else if(data.code == 0){
                        showAlert('d', data.msg);
                    }else{
                        showAlert('d', data.msg);
                    }
                },'json');
            }
        }, 100);

    }
    //输入框验证
    $("#subForm").bootstrapValidator({
        live: 'disabled',//验证时机，enabled是内容有变化就验证（默认），disabled和submitted是提交再验证
        fields: {
            upperLimit: {
                validators: {
                    notEmpty: {
                        message: '风险度上限'
                    }
                }
            },lowerLimit: {
                validators: {
                    notEmpty: {
                        message: '风险度下限'
                    }
                }
            },level: {
                validators: {
                    notEmpty: {
                        message: '风险等级'
                    }
                }
            },color: {
                validators: {
                    notEmpty: {
                        message: '颜色'
                    }
                }
            },fraction: {
                validators: {
                    notEmpty: {
                        message: '扣分数'
                    }
                }
            }
        }
    });

</script>
<div class="modal fade" id="subModal">
    <div class="modal-dialog modal-lg">
        <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">
                    <input id="id" name="id" type="hidden" value="${alarmLevelsConfig.id}" />
                    <!-- 界面提醒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 class="form-control" id="lowerLimit" name ="lowerLimit" value="${alarmLevelsConfig.lowerLimit}"></input>
                        </div>
                        <label class="col-sm-2 control-label">*风险度上限</label>
                        <div class="col-sm-4">
                            <input class="form-control" id="upperLimit" name ="upperLimit" value="${alarmLevelsConfig.upperLimit}"></input>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">*风险等级</label>
                        <div class="col-sm-4">
                            <select class="form-control select2" id="level" name="level">
                                <option value="A" <c:if test="${alarmLevelsConfig.level=='A'}"> selected</c:if>>A</option>
                                <option value="B" <c:if test="${alarmLevelsConfig.level=='B'}"> selected</c:if>>B</option>
                                <option value="C" <c:if test="${alarmLevelsConfig.level=='C'}"> selected</c:if>>C</option>
                                <option value="D" <c:if test="${alarmLevelsConfig.level=='D'}"> selected</c:if>>D</option>
                            </select>
                        </div>
                        <label class="col-sm-2 control-label">*颜色</label>
                        <div class="col-sm-4">
                            <div class="input-group " id="colorContainer">
                                <input name="color" type="text" class="form-control"  value="${alarmLevelsConfig.color}">
                                <div class="input-group-addon">
                                    <i></i>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">*扣分数</label>

                        <div class="col-sm-4">
                            <input type="number"
                                   value="${alarmLevelsConfig.fraction}"
                                   oninput="if(value>100)value=100;if(value.length>4)value=value.slice(0,4);if(value<0)value=0"
                                   onKeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"
                                   οnkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}"
                                   onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'0')}else{this.value=this.value.replace(/\D/g,'')}"
                                   max="100" min="1" class="form-control" id="fraction" name ="fraction" placeholder="扣分数" value="0">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label">备注</label>
                        <div class="col-sm-10">
                            <textarea maxlength="200" class="form-control select2" id="remark" name ="remark" style="width:100%;">${alarmLevelsConfig.remark}</textarea>
                        </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>