jQuery＆php jqueryリンクを使用してdivにphp-htmlフォームを挿入する方法

Question

jQueryについての質問が1つあります& Php。

私はウェブサイトを持っていますが、私はhtml、jquery、cssのみを使用しています。今、私はPHPの連絡フォームを実装する必要があります。 はい私はいくつかの完全な連絡フォームとその作品がうまく、私はリンクをクリックしてフォームを呼び出すときにそれは新しいフォームを開くと私はそれを必要としません。 DIVの中でそのフォームを開きたいと思います。

このhtml-phpフォームをjqueryクリックイベントでdivに開くにはどうすればよいですか？ここ

は、私はjqueryのリンクをクリック上のdivに配置する必要がPHPのファイルです：

のsession_start（）; $ errors = ''; $ name = ''; $ visitor_email = ''; $ user_message = '';

（ISSET（$ _ POST）[ '送信']）任意の電子メール噴射試み 機能IsInjected（$文字列）に対して検証する {

$name = $_POST['name']; 
$visitor_email = $_POST['email']; 
$user_message = $_POST['message']; 
///------------Do Validations------------- 
if(empty($name)||empty($visitor_email)) 
{ 
    $errors .= "\n Name and Email are required fields. "; 
} 
if(IsInjected($visitor_email)) 
{ 
    $errors .= "\n Bad email value!"; 
} 
if(empty($_SESSION['6_letters_code']) || 
    strcasecmp($_SESSION['6_letters_code'], $_POST['6_letters_code']) != 0) 
{ 
//Note: the captcha code is compared case insensitively. 
//if you want case sensitive match, update the check above to 
// strcmp() 
    $errors .= "\n The captcha code does not match!"; 
} 

if(empty($errors)) 
{ 
    //send the email 
    $to = $your_email; 
    $subject="New form submission"; 
    $from = $your_email; 
    $ip = isset($_SERVER['REMOTE_ADDR']) ? $_SERVER['REMOTE_ADDR'] : ''; 

    $body = "A user $name submitted the contact form:\n". 
    "Name: $name\n". 
    "Email: $visitor_email \n". 
    "Message: \n ". 
    "$user_message\n". 
    "IP: $ip\n";  

    $headers = "From: $from \r\n"; 
    $headers .= "Reply-To: $visitor_email \r\n"; 

    mail($to, $subject, $body,$headers); 

    header('Location: thank-you.html'); 
} 

}

//関数を {場合 $注射=配列（ '（\ N +）' '（\のR +）' '（\のT +）' '（％の0Aの+）' '（％0D +）' 「（％08 +） '、 '（％09 +） ' ）; $ inject = join（ '|'、$ injects）; $ inject = "/ $ inject/i"; if（preg_match（$ inject、$ str）） { がtrueを返します。 } else { false false; ？ }} > お問い合わせ ラベル、体 { フォントファミリ：ゴシック、ヘルベチカ、サンセリフ; font-size：12px; } .err { font-family：Verdana、Helvetica、sans-serif; font-size：12px; 色：赤; }

".nl2br（$エラー）。"

"; } ？>

">

名：
'>

メール：
'>

メッセージ：

" ID = 'captchaimg'>
ここにコードを入力してください：

画像を読み取れませんか？詳細については、 //ログインhttp://www.javascript-coder.com/html-form/javascript-form-validation.phtml //フォームを検証するため

//コードを更新するにはこちらをクリック var frmvalidator = newバリデータ（ "contact_form"）; //エラーメッセージボックスのポップアップが好きな場合は、次の2行を削除してください。 frmvalidator.EnableOnPageErrorDisplaySingleBox（）; frmvalidator.EnableMsgsTogether（）; frmvalidator.addValidation（ "name"、 "req"、 "あなたの名前を入力してください"）; frmvalidator.addValidation（ "email"、 "req"、 "あなたのメールアドレスを入力してください"）; frmvalidator.addValidation（ "email"、 "email"、 "有効なメールアドレスを入力してください"）; function refreshCaptcha（） { var img = document.images ['captchaimg']; img.src = img.src.substring（0、img.src.lastIndexOf（ "？"））+ "？rand =" + Math.random（）* 1000; }

Answer 1

あなたは上のHTMLを生成する必要がある場合は...その後、

<div id="divWrapper"> 
<form> 
//your form 
</form> 
</div> 

jquery { 

$("#divWrapper").hide(); 

$("#yourButton").click(function() { 
$("#divWrapper").show(); //or slideDown etc... 

}); 
} 

... div要素を非表示にするjqueryのを使用してPHPでフォームを作成し、それをHTMLとして出力を持っています

を助けること

var someHTML = "<form> // some stuff </form>"; 

jquery { 
$("#yourButton").click(function() { 

$("#divWrapper").append(someHTML); 
}); 

} 

・ホープ..ちょうどそれを変数に割り当てるADN .append JavaScriptを使用して飛びます