編集：問題が見つかりました。フォームの name="demo_name" などの項目を id="demo_name" に変更すると、修正されました。ありがとう@ジル
jquery の ajax 機能を使用して、連絡先フォームのデータを MySQL データベースに挿入しようとしています。私はこれが初めてで、部分的に機能していますが、データは名前、電話などの入力された値としてではなく、「未定義」としてデータベースに挿入されます。(部分的にスロバキア語ですが、重要な部分を英語に翻訳しました)
html ページ (フォーム セグメントのみ):
<div id="demo_form">
<h2>Order a demo lesson!</h2><p>Na Vaše otázky velmi radi co najskôr zodpovieme.<br /> Prípadná <strong>ukážková hodinu je zdarma</strong> a nezáväzná.</p>
<form name="demo" action"">
<fieldset>
<input type="text" class="text" name="demo_name" onblur="swip (this, '', 'Name *');" onfocus="swip (this, 'Meno *', '');" value="Meno *" />
<input type="text" class="text" name="demo_age" onblur="swip (this, '', 'Age of child');" onfocus="swip (this, 'Vek dietata', '');" value="Vek dietata" />
<input type="text" class="text" name="demo_email" onblur="swip (this, '', 'E-mail *');" onfocus="swip (this, 'E-mail *', '');" value="E-mail *" />
<input type="text" class="text" name="demo_phone" onblur="swip (this, '', 'Phone');" onfocus="swip (this, 'Telefón', '');" value="Telefón" />
<input type="text" class="text big_input" name="demo_where" onblur="swip (this, '', 'Where did you find out about us?');" onfocus="swip (this, 'Odkial ste sa o nás dozvedeli?', '');" value="Odkial ste sa o nás dozvedeli?" />
<textarea rows="" cols="" name="demo_text" onblur="swip (this, '', 'Message...');" onfocus="swip (this, 'Text správy...', '');">Text správy...</textarea>
<input type="submit" class="btn" value="Send" />
</fieldset>
</form>
</div><!-- end: #demo_form -->
JavaScript/jquery:
$(function() {
$(".btn").click(function() {
// validate and process form here
var demo_name = $("input#demo_name").val();
var demo_age = $("input#demo_age").val();
var demo_email = $("input#demo_email").val();
var demo_phone = $("input#demo_phone").val();
var demo_where = $("input#demo_where").val();
var demo_text = $("input#demo_text").val();
var dataString = 'demo_name='+ demo_name + '&demo_age=' + demo_age + '&demo_email=' + demo_email + '&demo_phone=' + demo_phone + '&demo_where=' + demo_where + '&demo_text=' + demo_text;
$.ajax({
type: "POST",
url: "../php/demo_register.php",
data: dataString,
success: function() {
$('#demo_form').html("<div id='message'></div>");
$('#message').html("<h2>Contact Form Submitted!</h2>")
.append("<p>We will be in touch soon.</p>")
}
});
return false;
});
});
PHP スクリプト:
<?php
include("../protected/config.php");
// Connect to server and select databse.
mysql_connect("$host", "$username", "$password")or die("cannot connect");
mysql_select_db("$db_name")or die("cannot select DB");
$demo_name=$_POST['demo_name'];
$demo_age=$_POST['demo_age'];
$demo_email=$_POST['demo_email'];
$demo_phone=$_POST['demo_phone'];
$demo_where=$_POST['demo_where'];
$demo_text=$_POST['demo_text'];
// To protect MySQL injection
$demo_name = stripslashes($demo_name);
$demo_age = stripslashes($demo_age);
$demo_email = stripslashes($demo_email);
$demo_phone = stripslashes($demo_phone);
$demo_where = stripslashes($demo_where);
$demo_text = stripslashes($demo_text);
$demo_name = mysql_real_escape_string($demo_name);
$demo_age = mysql_real_escape_string($demo_age);
$demo_email = mysql_real_escape_string($demo_email);
$demo_phone = mysql_real_escape_string($demo_phone);
$demo_where = mysql_real_escape_string($demo_where);
$demo_text = mysql_real_escape_string($demo_text);
$insert = mysql_query("INSERT INTO $tbl_name (name, age, email, phone, kde, text) VALUES ('$demo_name', '$demo_age', '$demo_email', '$demo_phone', '$demo_where', '$demo_text')");
if(!$insert){
die("There's a little problem: ".mysql_error());
}
?>