在过去两天寻找我的问题的答案后,我问这个问题。
已经做过的尝试
我在eclipse中尝试过以下内容:
$("#form-contact-form").on('click', '#btn-contact-from-submit', function () {
//my code goes here...
});
而不是
$('#btn-contact-from-submit').click(function(){
//my code goes here...
});
<script type="text/javascript" src="js/page-contact.js?123"></script>
我的问题
我正在做一个小改动,即在我的html文件中的按钮元素中添加一个事件监听器。我在侦听器中也添加了alert('Sending Message');
,以便在进入侦听器代码时立即触发警报。以前它工作。但是从过去两天开始,无论我做什么改变都没有反映出来。
ECLISPE和GAE PLUGIN VERSION
CODE
<form action="contact" method="post" id="form-contact-form">
<div class="col-md-100 fadeInBottom"><button type="submit" id="btn-contact-from-submit">Let it go!</button></div>
</form>
&#13;
$(document).ready(function() {
$('#btn-contact-from-submit').click(function() {
alert('sending message first');
var isFormValidated = false;
isFormValidated = true; //making condition true
if (isFormValidated) {
alert('sending message');
$("#btn-contact-from-submit").html('Wait! It is going!');
$("#btn-contact-from-submit").prop('disabled', false);
$("#form-contact-form").submit(function(e) {
var postData = $(this).serializeArray();
var formURL = $(this).attr("action");
$.ajax({
url: formURL,
type: "POST",
data: postData,
success: function(data, textStatus, jqXHR) {
//data: return data from server
$("#btn-contact-from-submit").html('It went! Thank you!');
},
error: function(jqXHR, textStatus, errorThrown) {
//if fails
alert('Crashed!');
}
});
e.preventDefault(); //STOP default action
e.unbind(); //unbind. to stop multiple form submit.
});
$("#form-contact-form").submit(); //Submit the FORM
}
});
});
&#13;
我在正文结束之前包含了JavaScript文件
<script type="text/javascript" src="js/page-contact.js"></script>
有人可以帮助我吗?
如果我错过了包含任何信息,请通知我,我会更新我的问题。
谢谢社区!