解决引导程序模态框数据缓存的问题方法

问题背景

第一步进行新增验证

第二步进行修改模态框验证信息没有消除且表单数据被缓存

模态框代码：新增修改共用一个模态框

！-模态框(Modal)-div class=' Modal fade ' id=' MyModal ' tabindex='-1 '角色=' dialog ' aria-labelledby=' MyModallabel ' aria-hidden=' true ' div class=' Modal-dialog ' div class=' Modal-content ' div class=' Modal-header ' button type=' button ' class=' close ' data-misse=' Modal ' aria-hidden=' true '/button H4 class=' Modal-title ' id=' MyModallabel '标题/H4/div类=' modal-body ' form id=' form 1 ' class=' form-horizontal ' role=' form ' input type=' hidden ' id=' Unitid ' name=' Unitid '/div class=' form-group ' label class=' control-label col-sm-2 ' for=' '单位名称/labeldiv class='col-sm-8 '输入类型=' text ' class=' form-control ' id=' unit name ' name=' unit name '/div/div/form/div class=' modal-footer '按钮类型=button ' class=' BTN BTN-默认' data-misse=' modal '关闭/button button type=' button ' class=' BTNBTN-primary ' onclick=' save()'提交/button/div/div！ - /.模态-内容- /div！- /.modal - /divjs代码

//验证设置$(函数(){ $('#form1 ')).bootstrapValidator({ 0反馈图标： {有效： ' glyphicon glyphicon-ok '，无效： ' glyphicon glyphicon-remove '，验证： ' glyphicon glyphicon-refresh ' })，字段： { ' unitName ' : { validators : { notEmpty : { message : }单位名称不能为空'}}}}});});//重置表单数据$(function() { $('#myModal ')).on('hide.bs.modal '，function() { //关闭后重置表单数据$('#form1 ').数据(“bootstrapValidator”).重置表单()；});$('#myModal ').on('show.bs.modal '，function() { //打开前重置表单数据$('#form1 ').数据(“bootstrapValidator”).重置表单()；});});函数save() { //保存前开启验证$('#form1 ').bootstrapValidator(' validate ')；if($(“# form 1”).数据(“bootstrapValidator”).isValid()){$ .Ajax({ URL : ' $ { path }/center/unit/save。动作'，数据：美元(' #form1 ').serialize()，类型：“发布”，数据类型：“JSON”，发送前：函数(){//加载显示}，成功：函数(结果){ if(结果。成功){ search()；警报(结果。消息)；//关闭模态框$('#myModal ').情态(“隐藏”)；} else { alert(结果。消息)；}},完成：函数(){},错误：函数（数据){ alert(' error ')；}});}}最终解决效果

以上这篇解决引导程序模态框数据缓存的问题方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。