我在使用AJAX从表单发布数据时遇到了问题。并非所有值都已插入(电子邮件地带有" @"符号)。但如果我单独发送它就会被插入。
这是jQuery代码:
$("#my_reservation_form").submit(function () {
if($("#terms_checkbox").prop("checked")) {
var data = $("#my_reservation_form").serialize();
//alert(data); for testing
$.ajax({
type: "POST",
data: data,
url: "functions/reservation_form.php",
dataType:"text",
success: function () {
console.log("ok");
},
error: function() {
console.log("error");
}
});
} else {
alert('You have to accept terms');
}
});
PHP方面:
$table_id = $_POST['id'];
$date = $_POST['date'];
$time = $_POST['time'];
$people = $_POST['people'];
$fname = $_POST['fname'];
$lname = $_POST['lname'];
$tel = $_POST['tel'];
$email= $_POST['email'];
$query = "INSERT INTO reservation(table_id,fname,lname,tel,email,reservation_date,time,people) values ('$table_id','$fname','$lname','$tel','$email','$date','$time','$people')";
if ($result = $db->query($query)) {
//echo "Reservation added";
} else {
echo $db->error;
}
$db->close();
顺便说一句,我使用jQuery验证插件来验证输入。
表格:
<input class="input_text" name="id" type="hidden" value="<?php echo $_POST['table_id'];?>">
<input class="input_text" name="date" type="hidden" value="<?php echo $_POST['date'];?>">
<input class="input_text" name="time" type="hidden" value="<?php echo $_POST['time'];?>">
<input class="input_text" name="people" type="hidden" value="<?php echo $_POST['people'];?>">
<input class="input_text" name="fname" type="text" placeholder="Name">
<input class="input_text" name="lname" type="text" placeholder="Surname">
<input class="input_text" name="tel" type="text" placeholder="Tel">
<input class="input_text" name="email" type="text" placeholder="Email">
<div class="error"></div>
<div id="terms">
<input id="terms_checkbox" type="checkbox" name="terms" checked="checked"><label for="terms">Blah blah I agree</a>
</div>
<div id="terms_text">
<p><?php terms(); ?></p>
</div>
<button class="button_ui" id="button_reserve" type="submit" name="submit">Reserve</button>
</form>
答案 0 :(得分:0)
问题解决了。不得不把所有东西都放到验证插件的submitHandler事件中。