<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"> <!--根据name校验--> <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('校验通过'); }