虽然在页面ready的时候 就绑定了验证表单 ,但是在点击提交按钮之后 依旧没有验证的效果 。
那就在提交按钮的点击事件中 添加一句话:
$(document).ready( function () { //为添加产品的表单加验证效果
$('#form-product-add').bootstrapValidator();
//$('#form-product-add').data('bootstrapValidator').validate(); //提交按钮是sumbit
//$('#form-product-add').data('bootstrapValidator').isValid(); //提交按钮是button
/**
* 添加产品的按钮
*/
$("#pAdd").click(function(){
$('#form-product-add').bootstrapValidator('validate');//为表单的添加按钮 添加一个绑定表单的方法
就是为表单
$('#form-product-add').bootstrapValidator('validate');//为表单的添加按钮 添加一个绑定表单的方法
效果: