Arama butonu
Bu konudaki kullanıcılar: 1 misafir
5
Cevap
331
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?

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil





< 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.