<link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.css"/>
<link rel="stylesheet" href="../dist/css/bootstrapValidator.css"/>
<script type="text/javascript" src="../vendor/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../vendor/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../dist/js/bootstrapValidator.js"></script>
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-4 control-lable">名称</div>
<div class="col-sm-6">
<input type="text" class="form-control" v-model="legal.name" name="name">
</div>
</div>
<div class="form-group">
<div class="col-sm-4 control-lable">地址</div>
<div class="col-sm-6">
<input type="text" class="form-control" v-model="legal.name" required>
</div>
</div>
</form>
$(function() {
$("form").bootstrapValidator({
message:'This value is not valid',
feedbackIcons: {
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields:{
name:{
validators:{
notEmpty:{
message:'名称不能为空'
}
}
}
}
});
});
var validator = $("#form1").data('bootstrapValidator');
validator.validate();
if(!validator.isValid()){
console.log('校验不通过');
}else{
console.log('校验通过');
}