javascript 検証のあるメールフォームを作成しようとしています。フォームの値は ajax を使用して、データを電子メール アドレスに送信する php スクリプトに送信する必要があります。
ただし、php コード、succes、またはエラー jquery コールバックは呼び出されず、Chrome の JavaScript コンソールにはログがありません。
これは私の単純化されたhtmlページです:
<form id="mail-form">
<div class="input-row">
<div class="label"><label for="name">Your name: *</label></div>
<div class="input"><input type="text" name="name" id="name" maxlength="50"/></div>
<input id="submit-button" type="submit" value="send"/>
</form>
私のJavaScript:
$(document).ready(function () {
var form = $("#mail-form");
form.submit(function (e) {
e.preventDefault();
send(form);
}
});
function send(form) {
var formData = { name: $("#name").val(),
email: $("#email").val(),
phone: $("#phone").val(),
message: $("#message").val(),
};
$.ajax({
type: "POST",
url: "/scripts/mailer.php",
datatype: "text",
data: formData,
succes: function (data) {
onSucces();
},
error: function () {
onError();
}
});
}
そして私の単純化されたphpファイル:
$myemail = "someone@something.com";
$subject = "test";
$message = $_POST["message"];
mail($myemail, $subject, $message);
echo "ok";
誰かが私が間違っていることを指摘できますか? 簡単な get メソッドも試しましたが、サーバーにも到達しません。