bootstrap的表单验证 vue_Bootstrap 表单验证formValidation 的实例详解

这篇文章主要介绍了Bootstrap 表单验证formValidation 实现表单动态验证功能,需要的朋友可以参考下Bootstrap教程

动态添加input并动态添加新验证方式！

init状态：

点击“+”后：

验证后：

知识点：

1 先去官网下载：formvalidation.io/

2 导入文件，注意事项我就不多说了在远程验证那篇我已经讲过。

3 用到的关键字：addField、removeField、different

4注意一点就是官网里的例子他们的name是不一样的。我这里比较偷懒。且项目ajax的时候不是用的form表单提交，而是自己并接成json提交，所以x，y的name的名字一样。

好开始：

首先是在html里面必须要有一个 “+” 标记为addPos，然后有一个“-” 标记为“removPos，

设置车库xy坐标

然后来个js：/**

* pos添加

* @param $that

*/

function addButtonPosClick($that){

var panelId = $that.parents(".topTemplate").attr("id"