首先:我正在使用Jeffrey Way在In the Woods制作的邮件脚本。
我有一个简单的表格,如下:
<form method="post" action="sendEmail.php" id="form_reserveren">
<div id="container">
<div id="main" style="width: 100%; height: auto; float: left;">
<div class="left">
<h3>Uw gegevens</h3>
<p style="margin-bottom: 30px; height: 40px; width: 100%;">
<input type="radio" id="zml_geslacht" name="zml0" value="de Heer"/><span style="float: left; margin-top: -5px; height: 25px;">de Heer</span><br />
<input type="radio" id="zml_geslacht" name="zml0" value="Mevrouw"/><span style="float: left; margin-top: -5px; height: 25px;">Mevrouw</span>
</p>
<p>
<input type="text" id="zml_voornaam" name="zml1" value="Uw voornaam" onblur="if(this.value=='') this.value='Uw voornaam';" onfocus="if(this.value=='Uw voornaam') this.value='';"/>
<input type="text" id="zml_achternaam" name="zml2" value="Uw achternaam *" onblur="if(this.value=='') this.value='Uw achternaam *';" onfocus="if(this.value=='Uw achternaam *') this.value='';"/>
</p>
<p>
<input type="text" id="zml_email" name="zml3" value="Uw e-mailadres *" onblur="if(this.value=='') this.value='Uw e-mailadres *';" onfocus="if(this.value=='Uw e-mailadres *') this.value='';"/>
</p>
</div>
<div class="right">
<h3>Uw reservering</h3>
<p style="height:68px;">
<textarea name="zml13" id="zml_opmerkingen" rows="12">Opmerkingen</textarea>
</p>
<p><input type="submit" name="submit" id="submit" value="Email Us!" /></p>
<ul id="response" />
</div>
</div><!--end main -->
</div><!-- end container -->
</form>
这是通过ajax,如下:
var zml0 = $('input#zml_geslacht').html( $(':checked').val());
var zml1 = $('input#zml_voornaam').val();
var zml2 = $('input#zml_achternaam').val();
var zml3 = $('input#zml_email').val();
var zml13 = $('textarea#zml_opmerkingen').val();
$.ajax({
type: 'post',
url: 'sendEmail.php',
data: 'zml0=' + zml0 + '&zml1=' + zml1 + '&zml2=' + zml2 + '&zml3=' + zml3 + '&zml13=' + zml13,
success: function(results) {
$('#main img.loaderIcon').fadeOut(1000);
$('ul#response').html(results);
}
}); // end ajax
然后转到我的sendEmail.php将表单发送到电子邮件地址(并将其存储在数据库中)。查询是:
$zml0 = $_REQUEST['zml0']; // Geslacht
// database connection
$conn = new PDO("mysql:host=$dbhost;dbname=$dbname",$dbuser,$dbpass);
// query
$sql = "INSERT INTO test (zml0,zml1,zml2) VALUES (:zml0,:zml1,:zml2)";
$q = $conn->prepare($sql);
$q->execute(array(':zml0'=>$zml0,
':zml1'=>$zml1,
':zml2'=>$zml2));
Everthing有效..我也有名字,电子邮件地址等,除了性别单选按钮(荷兰语中的性别是Geslacht,我将其命名为zml0以便更多地防止垃圾邮件发送者)。当然,用户应该选择女性或男性。
当它存储在数据库中时,它所说的只是[object Object]。当我只是回应输入时。我怎样才能做到这一点?
答案 0 :(得分:1)
试试这个:
var zml0 = $('input[name=zml0]:checked').val();
您可以尝试的另一件事,可能会让您的生活更轻松,更适合更大的形式:
$.ajax({
type: 'post',
url: 'sendEmail.php',
data: $('#form_reserveren').serialize(),
success: function(results) {
$('#main img.loaderIcon').fadeOut(1000);
$('ul#response').html(results);
}
}); // end ajax
答案 1 :(得分:1)
这一行是问题所在:
var zml0 = $('input#zml_geslacht').html( $(':checked').val());
似乎是一个全局变量,所以如果你检查了另一个框,它就没关系了。你总是发送初始值。如果它是正确的你会的。第二个问题是你只是抓住了HTML?从它,而不是实际价值。显然这是返回一个对象。
您的ajax调用应该在当时抓取表单输入:
$.ajax({
type: 'post',
url: 'sendEmail.php',
data: 'zml0=' + $('input[name=zml0]:checked').val(),
success: function(results) {
$('#main img.loaderIcon').fadeOut(1000);
$('ul#response').html(results);
}
});