2012-01-19 21 views
1

私はAJAX/jQueryのフォームの提出が困難

<script type="text/javascript"> 
$(document).ready(function(){  
    $("#myform").validate({   
    debug: false,  
    rules: {   
     guess: {    
      min: 0,     
      number: true    
      }  
      },  
    messages: {   
     guess: "Please enter a valid guess.",  
     },  
    submitHandler: function(form) {    // do other stuff for a valid form    
    $.post('process.php', $("#myform").serialize(), function(data) { 
       $('#results').html(data);   
    });   
    } 
    }); 
}); 
</script> 

は私が右アム...それが正常に動作し、AJAXを使用してフォームを送信し、私のウェブサイトの結果のdivを更新するために動作するように、次のコードを取得するために管理しています私が別のフォームを "process2.php"に送ってウェブページの別の部分を更新したいのであれば、私は同じスクリプトの別のコピーが必要ですが、効果的に私の2番目のフォーム "form2"を呼び出し、 #myform - >#myform2と#results - > #new_div ??

私は完全な新しいページで作業するようにしてみましたが、process2.phpから画面に何かを印刷するように要求しても問題ありませんが、渡した変数(この場合、名前と電子メール)、PHPの結果を印刷することさえありません。

私process.phpは私が間違ってやっている見当がつかないMEMBER_ID(も数)..

と一緒に...推測のデータベースに推測(番号)を挿入します。それは私のprocess2.phpにwp_blog_header.phpを含める時です(しかしヘッダーはprocess.phpがうまくいきます)。もし私がその行を含んでいなければ、データベースへの接続が失敗し、私はINSERTできませんテーブル...

私は他に何ができるのか、何が必要なのか分かりません。

私の新しいフォームは

名前 メール

で、私の新しいjavafunctionは

script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#myform2").validate({ 
     debug: false, 
     rules: { 
      name: "required", 
      email: { 
       required: true, 
       email: true 
      } 
     }, 
     messages: { 
      name: "Please let us know who you are.", 
      email: "A valid email will help us get in touch with you.", 
     }, 
     submitHandler: function(form) { 
      // do other stuff for a valid form 
      $.post('process2.php', $("#myform2").serialize(), function(data) { 
       $('#results').html(data); 
      }); 
     } 
    }); 
}); 
</script> 

が、これは私のコーディングの問題ですとなり、または私のprocess2.phpとは何かであります(私のprocess.phpとほぼ同じですが)私は別のデータベーステーブルに名前と電子メールを挿入していますが、まだ動作していないようです...

PHPのコードは "INSERT into 'new_table'( 'name'、 'email')VALUES("。 $ _POST ['name'] "、" $ _POST ['email']。 ")";

しかし、すぐに私は

には、ラインを持っているように(WPが-ブログ - header.phpの)倒れているようだ... hmmmmmm - 私はSO迷ってしまいました:(

+0

[Firebug](http://www.getfirebug.com)のようなものをインストールして、AJAXあなたのJavascriptに問題があるのか​​、サーバー側のコードであるのかを知ることができます。 –

+0

AJAXはテストを印刷するので動作しているように見えます。私はprocess2.phpをprint "TESTING"だけで空白にしました)... ...フォームがprocess2.phpを呼び出して完了しました。私には、wordpress関数を使用するインクルードの中にあるものがあります。 – mayhem3030

答えて

0

それが動作する場合AJAXを使用しない場合、このプラグインを使用すると、プレーンフォームをAJAXを使用して簡単に変換できます。http://jquery.malsup.com/form/

+0

ありがとう:)私はそれを調べます – mayhem3030