無法防止重定向 - 模態提交表格

我有一個簡單的提交表單，它是一個引導模式內這個代碼工作正常，如果我不使用模式，但一旦模態內，preventDefault不再工作和提交函數重定向頁面到我的終點:(任何想法引導的模式是做突破的preventDefault？還是另一種方式來防止重定向？無法防止重定向 - 模態提交表格

<div id="bootstrapModal" class="bootstrapModal"> 
<div id="modal-dialog" class="modal-dialog"> 
<div class="modal-content" id="modal-content"> 
<form action="/myendpoint.cmd" id="myForm" name="myForm" role="form"> 
<div class="input-group"> 
<input type="email" name="userEmail" class="form-control" id="emailSignUp" placeholder="Email Address"> 
<span class="input-group-btn"> 
<button type="submit" class="btn btn-secondary" id="emailbtn"">Sign Up</button> 
</span> 
</div> 
</form> 
</div> 
</div> 
</div 




<script> 
$('#myForm').submit(function(e) { 
    var postData = $(this).serializeArray(); 
    var formURL = $(this).attr("action"); 
    $.ajax({ 
     url: formURL, 
     type: "POST", 
     data: postData, 
     success: function(data) { 
    console.log('success!') 
     } 
    }); 
    e.preventDefault(); //STOP default action 
}); 
</script>

來源

2016-10-24 user3390251

可以你可以使用jQuery語法嘗試

<script> 
$(document).ready(function(){ 
    $('#myForm').submit(function(e) { 
    var postData = $(this).serializeArray(); 
    var formURL = $(this).attr("action"); 
    $.ajax({ 
     url: formURL, 
     type: "POST", 
     data: postData, 
     success: function(data) { 
     console.log('success!') 
     } 
    }); 
    e.preventDefault(); //STOP default action 
}); 
}); 
</script>

來源

2016-10-24 18:29:36

並確保形式的行動= '＃'<形式行動= 「＃」 ID = 「myForm的」 NAME = 「myForm的」角色=「form」> –

嗯......更接近。我不再被重定向到頁面 - 但它確實刷新了頁面，我也不能這樣做...... – user3390251

看起來你有無效（雙引號）按鈕寫入可能打破行爲。

<button type="submit" class="btn btn-secondary" id="emailbtn"">Sign Up</button>

只需刪除重複的報價如下圖所示：

<button type="submit" class="btn btn-secondary" id="emailbtn">Sign Up</button>

來源

2017-03-10 12:41:23 steven

無法防止重定向 - 模態提交表格

回答

相關問題