グッドアフタヌーン皆に失敗します。jQueryのフォームの送信は
私はjQueryの私のフォームデータを提出されていない理由について尋ねるために簡単な質問を持っています。
これは私の形式である:ここでは
<form id="submitForm" action="" method="">
<input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="from" placeholder="Your Email" style="color:#ccc;" />
<input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="fullName" placeholder="Your Full Name" style="color:#ccc;" />
<input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="contactNumber" placeholder="Your Contact Number" style="color:#ccc;" />
<input class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" type="text" name="subject" placeholder="Subject" style="color:#ccc;" />
<textarea placeholder="Your Message Here..." class="ui-input-text ui-body-null ui-corner-all ui-shadow-inset ui-body-c" name="body" style="color:#ccc;" ></textarea>
<input type="submit" id="search_button" value="Submit!" name="submit" />
</form>
は私のjQueryのコードです:
<script type="text/javascript">
$(document).ready(function(){
$('#loading, .loading-text').hide();
$('form#submitForm').submit(function(event){
event.preventDefault();
document.write('Hola!');
$('#loading').show();
var formData = $('form#submitForm').serialize();
$.ajax({
url: 'mAjax.php',
data: formData,
type: "get",
success: function(data){
$('#loading, .loading-text').show();
if(!data.error){
$('.alertText').html(data).show();
} else {
$('.alertText').html(data + data).show();
}
$('#loading, .loading-text').hide();
}
});
return false;
});
});
</script>
私は、これは漠然とした質問かもしれ知っているが、私は今、しばらくの間しようとしていると私ができます試してみたいことは何も考えていない。
私がいる問題は、のdocument.write(「はいはいを!」)に達するdoens't、私が提出クリックするか、フォームを送信すると、何も起こらないということです。それはAJAX呼び出しには至っていません。
私はこれを支援するために試みることができるものに任意のヘルプ
ははるかに高く評価されるだろう。ありがとうございます!
フォームの "ID" と "submitForm" を使用しているため、その後$( 'フォーム#のsubmitForm')のように書く必要はたったの$を使用しません( '#submitForm') –
ここにjsFiddleにあなたのコードを貼り付けてください。http://jsfiddle.net/KnWte/そして正しく動作しています。それは間違いなくdocument.write( 'Hola')に届いています – njr101
メッセージがjfiddleに表示されます。 http://jsfiddle.net/yt9YY/ jqueryスクリプトを含めましたか? jqueryをインクルードした後にこのファイルをインクルードしましたか? –