2011-10-10 14 views
0

グッドアフタヌーン皆に失敗します。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呼び出しには至っていません。

私はこれを支援するために試みることができるものに任意のヘルプ

ははるかに高く評価されるだろう。

ありがとうございます!

+0

フォームの "ID" と "submitForm" を使用しているため、その後$( 'フォーム#のsubmitForm')のように書く必要はたったの$を使用しません( '#submitForm') –

+0

ここにjsFiddleにあなたのコードを貼り付けてください。http://jsfiddle.net/KnWte/そして正しく動作しています。それは間違いなくdocument.write( 'Hola')に届いています – njr101

+0

メッセージがjfiddleに表示されます。 http://jsfiddle.net/yt9YY/ jqueryスクリプトを含めましたか? jqueryをインクルードした後にこのファイルをインクルードしましたか? –

答えて

2

私はあなたのメソッドやアクションを提供しなかったためであると考えています。
の代わりに:

<form id="submitForm" action="" method=""> 

の操作を行います。

<form id="submitForm" action="[your current file]" method="GET"> 
+0

は、私は、フォームがある限り、それはIDを持っているか、正しくそのフォームに向けて、それは問題ないはずですし、それをpointintているように、とにかくシリアライズされているので、それが問題だとは思いません。とにかくありがとう! – DarkMantis

+0

@DarkMantis:私の答えは問題を解決しましたか? – Naor

+0

それはいくつかのものが混在していると思いますが、私はあなたの答えと他のものを使いました。ほんとありがと! – DarkMantis

関連する問題