2011-08-08 37 views
0

我有一個問題,它是關於jQuery的& PHP的。的jQuery和PHP如何把PHP,HTML表單到DIV與jQuery鏈接點擊

我有一個網站,我只使用HTML,jQuery的,CSS和現在我需要實現PHP的聯繫表格。 是的,我得到了一些完成的聯繫表,它的效果很好,只有當我打電話與鏈接形式單擊它打開了新的形式,我不需要這個。我希望在DIV內部打開這個表單。

我如何打開這個網站,PHP的形式與jQuery的單擊事件的div?

這裏是我需要把DIV jQuery的鏈接點擊PHP文件:

在session_start(); $ errors =''; $ name =''; $ visitor_email =''; $ user_message ='';

如果(isset($ _ POST [ '提交'])) {

$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'); 
} 

}

//函數驗證對任何電子郵件注入嘗試 功能IsInjected($ STR) { $注射=陣列( '(\ N +)', '(\ R +)', '(\噸+)', '(%0A +)', '(%0D +)', 「(%08 +)', '(%09 +)' ); $ inject = join('|',$ injections); $ inject =「/ $ inject/i」; 如果(的preg_match($注射,$ STR)){ 回報 真實; } 其他 { 返回false; }} > 聯繫我們 標籤,一,身體 { FONT-FAMILY:宋體,黑體,無襯線; font-size:12px; } .ERR { 字體家庭:宋體,黑體,無襯線; font-size:12px; 顏色:紅色; }

「.nl2br($錯誤)。」

「; } ?>

「>

名稱:
'>

電子郵件:
'>

消息:

」 ID = 'captchaimg'>
在上面輸入代碼:

無法讀取圖像?點擊這裏刷新

//代碼驗證表單 //訪問http://www.javascript-coder.com/html-form/javascript-form-validation.phtml //詳細信息 var frmvalidator = new Validator(「contact_form」); //刪除以下兩行,如果你喜歡錯誤消息框彈出框 frmvalidator.EnableOnPageErrorDisplaySingleBox(); frmvalidator.EnableMsgsTogether(); frmvalidator.addValidation(「name」,「req」,「請提供您的姓名」); frmvalidator.addValidation(「email」,「req」,「請提供您的電子郵件」); frmvalidator.addValidation(「email」,「email」,「請輸入一個有效的電子郵件地址」); function refreshCaptcha() {img = document.images ['captchaimg']; img.src = img.src.substring(0,img.src.lastIndexOf(「?」))+「?rand =」+ Math.random()* 1000; }

+1

請在這裏發佈相關的HTML&JS/jQuery代碼。 –

回答

2

在PHP中創建的窗體,並將它輸出HTML ..然後使用jQuery來隱藏DIV ...

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

jquery { 

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

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

}); 
} 

如果你需要生成的HTML的用JavaScript飛只是把它分配給一個變量ADN使用.append ..

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

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

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

} 

希望幫助