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

虽然在页面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‘);//为表单的添加按钮  添加一个绑定表单的方法

就是为表单

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

效果:

时间: 2024-12-28 11:07:20

【bootstrapValidator 不验证】使用bootstrapValidator 验证效果不起作用的相关文章

Bootstrap表单验证插件bootstrapValidator使用方法整理

插件介绍 先上一个图: 下载地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用方法:http://www.cnblogs.com/huangcong/p/5335376.html 使用提示 中文化:下载插件后,将\js\bootstrapValidator\language\zh_CN.js 引入文件,即实现中文化 提交前验证表单:更丰富一点的表单验证例子:http://www.jq22.com/yanshi522,直接上代码: 1 <!

jquery配合Bootstrap中的表单验证插件bootstrapValidator使用方法

使用bootstrap遇到表单校验,最常用的一款表单校验插件 github地址:https://github.com/nghuuphuoc/bootstrapvalidator 使用: 将文件下载 或者用 git clone下来 1.引入css到head中,引入js到body结束标签的前面即可 提示: 默认是英语的,需要变成中文: 将github中dist中的\js\language\zh_CN.js 引入文件中即可 官方完整实例版: <!DOCTYPE html> <html>

自己动手写CPU之第六阶段(4)——验证移动操作指令实现效果

将陆续上传本人写的新书<自己动手写CPU>(尚未出版),今天是第23篇,我尽量每周四篇 6.4 测试程序 本节将通过一个测试程序验证为OpenMIPS处理器添加的移动操作指令是否实现正确,测试程序如下,对应本书附带光盘Code\Chapter6\AsmTest目录下的inst_rom.S文件. .org 0x0 .set noat .global _start _start: // 给寄存器$1.$2.$3.$4赋初值 lui $1,0x0000 # $1 = 0x00000000 lui $

前端滑动验证+拼图滑动验证效果

相信大家都玩过B站,B站在登陆的时候有个拼图滑动验证,今天就整合一下前端实现的滑动验证 拖动滑动验证(无背景图片) <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>拖动滑块验证</title> </head> <bod

MVC验证03-自定义验证规则、禁止输入某些值

原文:MVC验证03-自定义验证规则.禁止输入某些值 本文继续体验自定义验证规则,需求是禁止输入某些值.本文与前2篇相关,请参考:MVC验证01-基础.远程验证   MVC验证02-自定义验证规则.邮件验证 自定义验证特性继承ValidationAttribute,并实现IClientValidatable接口 展开using System.ComponentModel.DataAnnotations; using System.Web.Mvc; namespace MvcValidation.

MVC验证04-自定义验证规则、日期范围验证

原文:MVC验证04-自定义验证规则.日期范围验证 本文体验范围验证.与本文相关的包括: MVC验证01-基础.远程验证   MVC验证02-自定义验证规则.邮件验证   MVC验证03-自定义验证规则.禁止输入某些值 当需要对字符串长度进行验证,可以用StringLength:[StringLength(100, ErrorMessage = "{0} 必须至少包含 {2} 个字符.", MinimumLength = 6)] 当需要对数组范围进行验证,可以用Range:[Range

MVC验证05-自定义验证规则、验证2个属性值不等

原文:MVC验证05-自定义验证规则.验证2个属性值不等 本文体验2个属性值不等.即当一个属性输入值,另外一个属性输入的值不能和第一个属性值相等.相关文章包括: MVC验证01-基础.远程验证   MVC验证02-自定义验证规则.邮件验证   MVC验证03-自定义验证规则.禁止输入某些值   MVC验证04-自定义验证规则.日期范围验证 自定义验证特性,继承ValidationAttribute并实现IClientValidatable 这次重写了基类的IsValid()方法的另外一个重载,因

MVC验证02-自定义验证规则、邮件验证

原文:MVC验证02-自定义验证规则.邮件验证 本文体验MVC自定义验证特性,来实现对邮件的验证.对于刚写完的自定义验证特性,起初只能支持后端验证.如果要让前端jquery支持,还必须对jquery的验证进行扩展. 本文与"MVC验证01-基础.远程验证"相关,如有需要,请参考. 当我们验证有关Email属性的时候,我们可能这样写: [RegularExpression(@"\w.+\@\w.+")] public string Email { get; set;

AngularJS表单验证,手动验证或自动验证

AngularJS的表单验证大致有两种,一种是手动验证,一种是自动验证. 手动验证 所谓手动验证是通过AngularJS表单的属性来验证.而成为AngularJS表单必须满足两个条件:1.给form元素加上novalidate="novalidate":2.给form元素加上name="theForm",如下: <!DOCTYPE html> <html lang="en" ng-app="myApp1"&g