表单验证（提示语验证）

jsp代码

div class="modal fade" id="editBDDiv" tabindex="-1" role="dialog"
	aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog " style="width: 550px">
		<div class="modal-content">
			<div class="modal-header modal-header-main">
				<button type="button" class="close" data-dismiss="modal">
					<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
				</button>
				<h4 class="modal-title" id="title">编辑标段</h4>
			</div>
			<div class="modal-body">
				<form class="form-horizontal" role="form" id="editBDForm"
					name="editBDForm">
					<div class="form-group">
						<label for="" class="col-lg-2 control-label ">项目名称</label>
						<div class="col-sm-10">
							<input id="editBD-xmmc" readonly="readonly" class='form-control'/ >
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-lg-2 control-label ">标段序号</label>
						<div class="col-sm-4">
							<input id="editBD-bdnum" readonly="readonly" class='form-control'/ >
						</div>
						<label for="" class="col-lg-2 control-label ">标段名称</label>
						<div class="col-sm-4">
							<input type="text" class="form-control" id="editBD-bdmc"
								name="bdmc">
						</div>
					</div>
					<div class="form-group">
						<label for="" class="col-lg-2 control-label ">标段类型</label>
						<div class="col-sm-4">
							<select id="editBD-bdlx" class='form-control' name="bdlx">
								<option value="0">建设标</option>
								<option value="1">运维标</option>
							</select>
						</div>
					</div>
				</form>
			</div>
			<div class="modal-footer">
				<button type="button" id="editBDBtn" class="btn btn-primary"
					onclick="editBDClick();">确认</button>
				<button type="button" id="closeeditBDBtn" class="btn btn-default"
					data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>

js代码

function bdglOperaFormatter(value, row, index) {
	var str = "<a href='javaScript:void(0);' onclick=\"bdglEdit('"
			+ index+ "')\" style='cursor: pointer;'>编辑</a>&nbsp;|&nbsp;<a href='javaScript:void(0);' onclick=\"bdglDelete('"
			+ index + "')\" style='cursor: pointer;'>删除</a>";
	return str;
}
var _bdid = "";
function bdglEdit(index) {
	checkEditForm("#editBDForm");
	$("#editBDDiv").modal('show');
	var row = $('#bdInfoTable').bootstrapTable('getData')[index];
	_bdid = row.bdid;
	$("#editBD-xmmc").val(row.xmjc);
	$("#editBD-bdnum").val(row.bdnum);
	$("#editBD-bdmc").val(row.bdmc);
	$("#editBD-bdlx").val(row.bdlx);
}
/**
 * 修改表单验证
 * 
 */
function checkEditForm(formId) {
    var bootstrapValidator = $(formId).data("bootstrapValidator");
    if (bootstrapValidator != undefined) {
        bootstrapValidator.destroy();
    }
    $(formId).bootstrapValidator({
        message : "This is not valid",
        feedbackIcons : {
            valid : "glyphicon glyphicon-ok",
            invalid : "glyphicon glyphicon-remove",
            validating : "glyphicon glyphicon-refresh"
        },
        fields : {
        	bdmc : {
                group : ".col-sm-4",
                validators : {
                    notEmpty : {
                        message : "文件名称不能为空"
                    }
                }
            }
        }
    });
}

---

效果图