【bootstrapValidator 不验证】使用bootstrapValidator 验证效果不起作用

简介: 虽然在页面ready的时候 就绑定了验证表单 ,但是在点击提交按钮之后 依旧没有验证的效果 。   那就在提交按钮的点击事件中 添加一句话: 1 $(document).ready( function () { 2 3 //为添加产品的表单加验证效果 4 $('#form-product-add').

虽然在页面ready的时候 就绑定了验证表单 ,但是在点击提交按钮之后 依旧没有验证的效果 。

 

那就在提交按钮的点击事件中 添加一句话:

 1 $(document).ready( function () {
 2     
 3     //为添加产品的表单加验证效果
 4     $('#form-product-add').bootstrapValidator();
 5     //$('#form-product-add').data('bootstrapValidator').validate();  //提交按钮是sumbit
 6     //$('#form-product-add').data('bootstrapValidator').isValid();      //提交按钮是button
 7     /**
 8      * 添加产品的按钮
 9      */
10         $("#pAdd").click(function(){
11             $('#form-product-add').bootstrapValidator('validate');//为表单的添加按钮  添加一个绑定表单的方法
View Code

 

就是为表单

$('#form-product-add').bootstrapValidator('validate');//为表单的添加按钮  添加一个绑定表单的方法

 

效果:

 

相关文章
|
6月前
|
前端开发
bootstrapValidator验证失败问题
bootstrapValidator验证失败问题
|
6月前
|
前端开发 JavaScript API
Validate表单验证
Validate表单验证
|
11月前
|
UED
bootstrapValidator隐藏模态框重置表单验证
bootstrapValidator隐藏模态框重置表单验证
148 0
|
JavaScript
关于JQuery validate表单校验插件对级联下拉框的校验问题
关于JQuery validate表单校验插件对级联下拉框的校验问题
221 0
关于JQuery validate表单校验插件对级联下拉框的校验问题
|
移动开发 JSON JavaScript
基于原生JS验证表单组件:xy-form
基于原生JS验证表单组件:xy-form
基于原生JS验证表单组件:xy-form
|
JSON 前端开发 数据安全/隐私保护
bootstrapvalidator 校验
callback 函数可以写自己的方法校验 issueInvoiceForm.validation = function(){ $('#issueInvoiceForm').on('init.field.bv', function(e, data) { var $icon = data.element.data('bv.icon'),
1846 0
|
JavaScript 前端开发 HTML5
Javascript 修改 input 验证提示
版权声明:本文首发 http://asing1elife.com ,转载请注明出处。 https://blog.csdn.net/asing1elife/article/details/82876619 ...
1718 0
|
JavaScript 前端开发 数据安全/隐私保护
jQuery之validate验证表单
访问jQuery validate官网下载最新插件 https://jqueryvalidation.org/ validate是用来验证表单的 以前我们都是用js手动验证 现在可以通过这个插件直接调用别人写好的方法 更加简单方便 validate.
2017 0
|
JavaScript
jquery validate验证方法
实例:         equalTo方法  equalTo(其他)返回:布尔 说明:要求元素与另一个元素相同 等于(其他) 其他 类型:选择器 元素的选择器用于比较当前值 例子: 使“字段”必须与#other相同 1 2 3 4 五 6 7 8...
1174 0
|
JavaScript 前端开发 数据安全/隐私保护