bootstrap modal ajax方式与jquery validate使用失效解决

解决方案：

使用modal show事件代替在ajax获取页面加入js的方式

下面是代码

js方面

$('#contactAddModal').on('loaded.bs.modal', function () {
        $("#contactAddForm").validate({
         ignore: "",
          submitHandler: function(form){   
               $.ajax({  
               type: "POST",  
               url: "/contacts/save2.do?orgId="+id,  
               data: $("#contactAddForm").serializeArray(),  
               dataType: 'json',  
               success: function(result){  
                    if (result.status == 1) {
                        swal("提示", "新增成功", "success");
                        reflushPage();
                    } else {
                        if (result.info == "") {
                            toastr.success("数据异常!");
                        } else {
                            toastr.error(result.info);
                        }
                    }
               }  
            }); 
          }
        }); 
    });
    
    $('#contactAddModal').on('hidden.bs.modal', function () {
         $(this).removeData("bs.modal");
         $("#contactAddForm").empty();
         $("#contactAddForm").html("数据正在加载...");
    }); 

 

当前html页面代码

<#-- 新增联系人-->
<div class="modal fade" id="contactAddModal"  role="dialog"  aria-hidden="true">
<div class="modal-dialog modal-lg">
    <div class="modal-content">
    </div>
</div>
</div>

 

ajax页面

<div class="modal-header">
<h4 class="modal-title">新增联系人</h4>
</div>
<div class="modal-body">
<div class="row">
<form id="contactAddForm" class="form-horizontal ">
    <div class="form-group"><label class="col-sm-3 control-label" for="chineseFullName"><span class="required-star">*</span>客户中文全称</label>
        <div class="col-sm-7"><input name="chineseFullName" type="text" class="form-control required"></div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
        <button class="btn btn-primary" type="submit" >新增</button>
    </div>
</form>
</div>
</div>

 

转载于:https://www.cnblogs.com/sz-zzm/p/6514926.html