介绍 & lt; !——模态框(模态)——比;
& lt; div类=澳Ｌ琭ade"id=癿yModal"tabindex=?”;角色=癲ialog"aria-labelledby=癿yModalLabel"aria-hidden=皌rue"比;
& lt; div类=癿odal-dialog"祝辞
& lt; div类=癿odal-content"祝辞
& lt; div类=癿odal-header"祝辞
& lt;按钮类型=癰utton"类=癱lose"data-dismiss=癿odal"aria-hidden=皌rue"比;
×
& lt;/button>
& lt; h5类=癿odal-title"id=癿yModalLabel"比;
标题
& lt;/h5>
& lt;/div>
& lt; div类=癿odal-body"祝辞
& lt;形式id=癴orm1"类=癴orm-horizontal"角色=癴orm"比;
& lt;输入类型=癶idden"id=皍nitId"name=皍nitId"/比;
& lt; div类=癴orm-group"祝辞
& lt;标签类=癱ontrol-label col-sm-2"=?“在单位名称& lt;/label>
& lt; div类=癱ol-sm-8"祝辞
& lt;输入类型=皌ext"类=癴orm-control"id=皍nitName"name=皍nitName"比;
& lt;/div>
& lt;/div>
& lt;/form>
& lt;/div>
& lt; div类=癿odal-footer"祝辞
& lt;按钮类型=癰utton"类=癰tn btn-default"data-dismiss=癿odal"在关闭& lt;/button>
& lt;按钮类型=癰utton"类=癰tn btn-primary">//验证设置
$(函数(){
$ (“# form1") .bootstrapValidator ({
feedbackIcons: {
有效:“glyphicon glyphicon-ok",
无效:“glyphicon glyphicon-remove",
验证:“glyphicon glyphicon-refresh"
},
领域:{
“unitName": {
验证器:{
notEmpty: {
信息:& # 39;单位名称不能为空& # 39;
}
}
}
}
});
});//重置表单数据
$(函数(){
$ (“# myModal")。(& # 39; hide.bs.modal& # 39;函数(){//关闭后重置表单数据
$ (“# form1") . data (& # 39; bootstrapValidator& # 39;) .resetForm ();
});
$ (“# myModal")。(& # 39; show.bs.modal& # 39;函数(){//打开前重置表单数据
$ (“# form1") . data (& # 39; bootstrapValidator& # 39;) .resetForm ();
});
});
函数保存(){//保存前开启验证
$ (“# form1") .bootstrapValidator (“validate");
如果($ (“# form1") . data (“bootstrapValidator") .isValid ()) {
. ajax({美元
url:“${路径}/中心/单位/save.action",
数据:$ (& # 39;# form1 # 39;) .serialize (),
类型:“post",
数据类型:“json"
beforeSend:函数(){//加载显示
},
成功:函数(结果){
如果(result.success) {
search ();
警报(result.message);//关闭模态框
$ (& # 39;# myModal& # 39;) .modal(& # 39;隐藏# 39;);
其他}{
警报(result.message);
}
},
完成:函数(){
},
错误:功能(数据){
警报(“error");
}
});
}}
小编给大家分享一下引导的缓存如何处理,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
第一步进行新增验证
第二步进行修改模态框验证信息没有消除且表单数据被缓存
模态框代码:新增修改共用一个模态框
最终解决效果
看完了这篇文章,相信你对引导的缓存如何处理有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
