フォームは初めてですが、単純なものが欠けているように感じます。「エラー」のアラート以外に「成功」はまったくありません。
index.html ファイルのフォーム コードは次のとおりです。
<form id="contact-form" name="contact-form" method="post">
<div id="formResponse"></div>
<label for="name">NAME:</label>
<input type="text" name="name" id="name" /><br/>
<label for="email">EMAIL:</label>
<input type="text" name="email" id="email" /><br/>
<label for="message">MESSAGE:</label>
<textarea name="message" rows="20" cols="20" id="message"></textarea><br/>
<input type="submit" name="submit" value="SEND" class="submit" />
</form>
.js ファイルの Ajax コード
$('.submit').click(form_registration);
function form_registration () {
var input_data = $('#contact-form').serialize();
$.ajax({
type: 'post',
url: '../contact.php',
data: input_data,
dataType: 'json',
success: function( msg ){
alert('SUCCESS!');
},
error: function(){
alert('ERROR!');
alert(input_data);
}
});
}
contact.php ファイル
< ?php
if($_POST) {
$name = trim($_POST['name']);
$email = trim($_POST['email']);
$msg = trim($_POST['msg']);
<!-- //email address settings -->
$my_address = "MY EMAIL ADDRESS GOES HERE";
$headers = "From: ".$email;
$message = "Contact name: $name\nContact Email: $email\nContact Message: $msg";
$to = $my_address;
if ( $name == "")
{
echo 'Name field is required';
<!-- $result = "Name field is required"; -->
}
else if (!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/", $email))
{
echo 'Enter a valid email address';
<!-- $result = "Enter a valid email address"; -->
}
else if ( strlen($msg) < 10 )
{
echo 'Write more than 10 characters';
<!-- $result = "Write more than 10 characters"; -->
}
else
{
mail($to, $subject, $message, $headers);
echo "Your mail has been sent succesfully!";
}
if ($javascript_enabled == "true") {
echo 'javascript enabled';
die();
}
}
?>
ここに例があります。下部の連絡先リンクをクリックします。助けてくれてありがとう!