Arama butonu
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
5
Cevap
330
Tıklama
0
Öne Çıkarma
Site İletişim Formu
B
11 yıl
Teğmen
Konu Sahibi

Merhaba arkadaşlar hazır bir tema üzerine giydirme olarak bir site hazırlıyorum ama PHP olarak bir contact formu yok, form ile ilgili sadece bir Javascript kodu var o da şöyle:

jQuery(document).ready(function($){ 
"use strict";
/* setting the url ro submit the mail */
var yourdomain = "http://foliozee.kraftives.com/demo/html/";
//form validation rules
/* Error List to be displayed when recieved error via AJAX */
var full_name_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen adınızı ve soyadınızı giriniz.</div>',
email_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen e-posta adresinizi giriniz.</div>',
invalid_email_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>E-posta adresiniz ornek@ornek.com şeklinde olmalı.</div>',
message_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen mesajınızı giriniz.</div>',
mail_error = '<div class="alert"><button type="button" class="close" data-dismiss="alert">×</button>Mesajınız gönderilemedi. Lütfen daha sonra tekrar deneyiniz.</div>',
mail_success = '<div class="alert alert-success"><button type="button" class="close" data-dismiss="alert">×</button>Mesajınız gönderildi. Teşekkürler!</div>',
phone_error = '<div class="alert alert-error"><button type="button" class="close" data-dismiss="alert">×</button>Lütfen telefon numaranızı giriniz.</div>';

jQuery.validator.addMethod("alphaspace", function(value, element) {
return this.optional(element) || /^[a-zA-ZçÇğĞöÖşŞüÜ ]+$/.test(value);
}, "Ad ve Soyad sadece harflerden oluşmalı.");

jQuery.validator.addMethod("phonenumber", function(value, element) {
return this.optional(element) || /^[0-9-]+$/.test(value);
}, "Telefon sadece rakamlardan oluşmalı.");

$(".contact_form form").validate({
rules: {
full_name: {
required: true,
alphaspace: true

},
email: {
required: true,
email: true
},
phone: {
required: true,
phonenumber: true
},
message: "required",
},
messages: {
full_name: {
required: "Lütfen adınızı ve soyadınızı giriniz.",
},
email: {
required: "Lütfen e-posta adresinizi giriniz.",
email: "E-posta adresiniz ornek@ornek.com şeklinde olmalı."
},
phone: {
required: "Lütfen telefon numaranızı giriniz.",
},
message: "Lütfen mesajınızı giriniz."
},
submitHandler: function() {
//alert('form_submit');
var form = $('.contact_form form');
var full_name = form.find('[name="full_name"]').val();
var email = form.find('[name="email"]').val();
var phone = form.find('[name="phone"]').val();
var message = form.find('[name="message"]').val();

ContactAjax(full_name, email, phone, message);
}
});

var ContactAjax = function($full_name, $email, $phone, $message){
$.ajax({
type: "POST",
url: yourdomain + "contact_send.php", //@TODO CHange to Live
//dataType: "json" ,
data: { full_name : $full_name, email : $email, phone: $phone, message : $message},
success: function(data) {
//console.log(data);
var response = jQuery.parseJSON(data);
$(".contact_form form .result .alert").slideUp().remove();
var contact_form = $('.contact_form form');
if(response.success)
{ contact_form.slideUp().height('0');
contact_form.parent().append(mail_success);
}else{
var i;
for(i=0; i<response.errors.length; i++){
if(response.errors[i].error == 'empty_name') {
contact_form.find('[name="full_name"]').parent().append(full_name_error);
}
if(response.errors[i].error == 'empty_email') {
contact_form.find('[name="email"]').parent().append(email_error);
}
if(response.errors[i].error == 'empty_message') {
contact_form.find('[name="message"]').parent().append(message_error);
}
if(response.errors[i].error == 'empty_phone') {
contact_form.find('[name="phone"]').parent().append(phone_error);
}
if(response.errors[i].error == 'invalid'){
contact_form.find('[name="email"]').parent().append(invalid_email_error);
}
if(response.errors[i].error == 'mail_error'){
contact_form.append(mail_error);
}
}
}
jQuery('button.close').click(function(){
if(jQuery(this).data('dismiss')==='alert'){
jQuery(this).parent().remove();
}
});

}
});
};

});


Bu formların hatalarıyla ilgili bir kod, ben yine PHP kod eklemeliyim değil mi? Yardımcı olursanız sevinirim. :)

Düzenleme: var yourdomain = "http://foliozee.kraftives.com/demo/html/" tarzı bir satır kodu var, burda sitemin URL'ini neden giriyorum?





< Bu mesaj bu kişi tarafından değiştirildi Beybaba62 -- 5 Eylül 2014; 12:14:01 >

İ
11 yıl
Yüzbaşı

asagılara bakarsan o domaini daha sonra AJAX post etmek için kullanıyor.


Bu mesaja 1 cevap geldi.
B
11 yıl
Teğmen
Konu Sahibi

quote:

Orijinalden alıntı: Erdinc20

asagılara bakarsan o domaini daha sonra AJAX post etmek için kullanıyor.

Biraz açar mısınız? :)


Bu mesaja 1 cevap geldi.
G
11 yıl
Yüzbaşı

İ
11 yıl
Yüzbaşı

url: yourdomain + "contact_send.php" yolluyor burdan aldığı bilgileri : { full_name : $full_name, email : $email, phone: $phone, message : $message},


Aslında mail gönderme işini "contact_send.php" burası yapıyor sadece girilen bilgileri oraya göndermek için jquery kullanıyor.





< Bu mesaj bu kişi tarafından değiştirildi interboyz -- 5 Eylül 2014; 12:31:28 >
Bu mesaja 1 cevap geldi.

Bu mesajda bahsedilenler: @Beybaba62
B
11 yıl
Teğmen
Konu Sahibi

quote:

Orijinalden alıntı: Erdinc20

url: yourdomain + "contact_send.php" yolluyor burdan aldığı bilgileri : { full_name : $full_name, email : $email, phone: $phone, message : $message},


Aslında mail gönderme işini "contact_send.php" burası yapıyor sadece girilen bilgileri oraya göndermek için jquery kullanıyor.

Anladım, ordaki değişkenlerle aynı ad ile bir php form hazırlamam lazım heralde. Teşekkürler yardımınız için. :)



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.