我想關閉窗體,但是下面的代碼在點擊提交按鈕後沒有關閉窗體。雖然我可以看到警告消息出現,這意味着控制成功:標籤但表單不會關閉可能出錯的地方?請幫忙。爲什麼下面的jquery代碼在成功提交後關閉表單?
HTML代碼
<div id="signupmodal" class="modal fade" role="dialog of sign up">
<div class="modal-dialog">
<!-- Modal content-->
<form id="new_user_form">
{% csrf_token %}
<div class="modal-content" data-method="post" id="modalform">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Sign Up</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label for="usr">Username:</label>
<input type="text" name="username" class="form-control input-sm" id="username">
<label for="eml">Email:</label>
<input type="email" name="emil" class="form-control input-sm" id="emailid">
<label for="passwordd">Password:</label>
<input type="password" name="password" class="form-control input-sm" id="password">
</div role="Form group">
</div role="modal-dialog">
<!--Closing Of Sign Up Modal Page -->
<div class="modal-footer">
<button type="submit" class="btn btn-default" id="submit">Submit</button>
<button type="button" class="btn btn-default" id="close" data-dismiss="modal">Close</button>
</div role="modal-footer">
</div role="modal content">
<!--</form>-->
</div role="modal-dialog">
</div role="dialog of signup">
<!--Closing of sign up modal -->
</form>
<script src="/static/bootstrap 3/jquery/jquery.form.js/">
</script>
jQuery代碼:
<script>
$(document).on('submit', '#new_user_form', function(e) {
e.preventDefault();
$.ajax({
type: "POST",
url: "/librarysystem/registered/",
data: {
username: $('#username').val(),
emailid: $('#emailid').val(),
password: $('#password').val(),
csrfmiddlewaretoken: $('input[name=csrfmiddlewaretoken]').val()
},
success: function() {
alert("Registeration successfully.")
$('#new_user_form').modal('hide');
}
});
});
</script>
花點時間讀您的文章。它有多可讀?你能做些什麼來讓人們更容易幫助你? –
您的HTML錯誤,您在div內有'
'。 – Barmar