現在、フォームはフォーム提出時にデータベースにデータを保存していますが、現在は電子メールを[email protected]に送信したいと考えています。以下はコードですが、わからないスクリプトと、正確に追加する必要のある場所です。データベースにデータを保存してフォーム送信中にメールを送信する方法
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist" id="myTabs">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Project Brief Form</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Contact Form</a></li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<form action="#" method="post" enctype="multipart/form-data" id="project">
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label>Tell us about your project in your own words? What is, for you, the main goal of the project? *</label>
<textarea class="form-control" rows="4" name="project" required></textarea>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>Full name</label>
<input type="text" class="form-control" placeholder="Full name" name="name" required>
</div>
<div class="form-group">
<label>Email/Skypename</label>
<input type="text" class="form-control" placeholder="Email/Skypename" name="email" required>
</div>
<div class="form-group">
<label>Phone</label>
<input type="number" class="form-control" placeholder="Phone" name="phone" required>
</div>
</div>
<div class="col-sm-6">
<div class="form-group">
<label>How much do you want to spend?</label>
<select class="form-control" name="spend" required>
<option value="500 - 3000 $">500 - 3000 $</option>
<option value="3000 - 10000 $">3000 - 10000 $</option>
<option value="10000 - 50000 $">10000 - 50000 $</option>
<option value="50000 - 250000 $">50000 - 250000 $</option>
<option value="250000 $ +">250000 $ +</option>
</select>
</div>
<div class="form-group">
<label>Which services are you interested in?</label>
<input type="text" class="form-control" placeholder="Which services are you interested in?" name="service" required>
</div>
<div class="form-group">
<label>How did you find out about us?</label>
<input type="text" class="form-control" placeholder="Example: Google, Facebook, Behance..." name="about" required>
</div>
</div>
<div class="col-sm-12 text-center">
<button type="submit" id="btnSubmit" onclick="SubmitForm('project','dubai','add_project')" class="btn btn-default">Submit</button>
</div>
<div id="result"></div>
</div>
</form>
</div>
<div role="tabpanel" class="tab-pane" id="profile">
<form action="#" method="post" enctype="multipart/form-data" id="contact">
<div class="row">
<div class="col-sm-12">
<div class="form-group">
<label>Full name</label>
<input type="text" class="form-control" placeholder="Full name" name="name" required>
</div>
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" placeholder="Email" name="email" required>
</div>
<div class="form-group">
<label>Phone number</label>
<input type="number" class="form-control" placeholder="Phone number" name="phone" required>
</div>
</div>
<div class="col-sm-12">
<div class="form-group">
<label>Tell us about your project in your own words? What is, for you, the main goal of the project? *</label>
<textarea class="form-control" onclick="SubmitForm('contact','skyhigh','add_contact')" rows="4" name="about"></textarea>
</div>
</div>
<div class="col-sm-12 text-center">
<button type="submit" class="btn btn-default">Submit</button>
</div>
<div id="massage"></div>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript">
$('#myTabs a').click(function (e) {
e.preventDefault()
$(this).tab('show');
});
</script>
</div>
</div>
</div>
<script type="text/javascript">
function SubmitForm(FormID, Controller, FunctionName) {
$("#"+FormID).unbind('submit').submit(function (event) {
var formData = $(this).serialize();
$.ajax({
type: 'POST',
url: "<?php echo $this->config->base_url(); ?>" + Controller + "/"+ FunctionName,
data: formData
})
.done(function (data) {
if(FormID=="project")
{
// $("#"+ ResultDivId).html(data);
$('<center><div class="alert alert-success success-order"><h4>Your Data Send Successfully, We will Contact You Soon.</h4></div></center>').insertBefore('#result').delay(10000).fadeOut();
}
else
{
$('<center><div class="alert alert-success success-order"><h4>Your Data Send Successfully, We will Contact You Soon.</h4></div></center>').insertBefore('#massage').delay(10000).fadeOut();
}
});
event.preventDefault();
$("#"+FormID)[0].reset();
});
}
</script>
私たちは、データベース内のセーブデータとしてフォーム送信しながら、電子メールを送信します。
https://swiftmailer.symfony.com/を使用して、.phpスクリプトからメールを送信できます。しかし、スパマーを認識するようにしてください(例えば、スパムを防ぐために、あなたはGoogleのreCaptchaを使用することができます) –