X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Помогите со скриптом
Nikitos223
Nikitos223
Topic Starter сообщение 25.4.2014, 21:49; Ответить: Nikitos223
Сообщение #1


<form action="scripts/subscribe.php" role="form" class="contact_form" id="contact_form">
<div class="form-group">
<input type="text" class="form-control" id="contact_name" placeholder="Ваше имя" name="name">
</div>
<div class="form-group">
<input type="tel" class="form-control" id="contact_phone" placeholder="Ваш телефон" name="phone">
</div>
<div class="form-group">

<button type="submit" class="btn btn-default" id="contact_submit" data-complete-text="Отлично! Вы подписаны!" data-error-text="Что-то не так!">Отправить</button>
</div>
</form>


Форма на сайте. Требуется что-бы данные из тегов input отправлялись на почту.
Также есть скрипт который взаимодействует с этой формой
[JS]


// ============= PRELOADER SCRIPT ===================

$(window).load(function() { // makes sure the whole site is loaded

"use strict";

$('#preloader').delay(600).fadeOut('slow'); // will fade out the white DIV that covers the website.
$('#spinner').fadeOut(); // will first fade out the loading animation

})





$(document).ready(function(){

"use strict";

$('a').smoothScroll({offset:50});

new WOW().init();


// ============= TIMELINE SLIDER SETTINGS =============
var owl = $("#timeline-slider");
owl.owlCarousel({
items : 3,
itemsDesktop : [1400,2],
itemsDesktopSmall : [900,1],
itemsTablet: [800,1],
itemsMobile : [500,1],
autoPlay : 4000,
stopOnHover:true
});


// ============= OPINION SLIDER SETTINGS =============
var owl = $("#opinion-slider");
owl.owlCarousel({
navigation : false, // Show next and prev buttons
slideSpeed : 300,
paginationSpeed : 400,
singleItem:true,
autoPlay : 8000,
stopOnHover:true
});


// ============= SUBSCRIBE FORM VALIDATIONS SETTINGS ========================

$('#subscribe_form').validate({
onfocusout: false,
onkeyup: false,
rules: {
email: {
required: true,
email: true
}
},
errorPlacement: function(error, element) {
error.appendTo( element.closest("form"));
},
messages: {
email: {
required: "Нам нужен ваш е-майл чтобы связаться",
email: "Пожалуйста, введите действительный е-майл"
}
},

highlight: function(element) {
$(element)
},

success: function(element) {
element
.text('').addClass('valid')
}
});



// ============= SUBSCRIBE FORM MAILCHIMP INTEGRATIONS SCRIPT ========================

$('#subscribe_form').submit(function() {
$('.error').hide();
$('.error').fadeIn();
// submit the form
if($(this).valid()){
$('#subscribe_submit').button('loading');
var action = $(this).attr('action');
$.ajax({
url: action,
type: 'POST',
data: {
newsletter_email: $('#subscribe_email').val()
},
success: function(data) {
$('#subscribe_submit').button('reset');
$('.error').html('Well done, you are subscribed!');
},
error: function() {
$('#subscribe_submit').button('reset');
// Change subscribe form error message text here
$('.error').html('Oops! Something went wrong!');
}
});
// return false to prevent normal browser submit and page navigation
}
return false;
});



// ============= CONTACT FORM VALIDATIONS SETTINGS ========================

$('#contact_form').validate({
onfocusout: false,
onkeyup: false,
rules: {
name: "required",
phone: "required",

},
errorPlacement: function(error, element) {
error.insertBefore(element);
},
messages: {
name: "Ваше имя?",
phone: "Ваш телефон?",

},

highlight: function(element) {
$(element)
.text('').addClass('error')
},

success: function(element) {
element
.text('').addClass('valid')
}
});



// ============= CONTACT FORM SCRIPT ========================

$('#contact_form').submit(function() {
// submit the form
if($(this).valid()){
$('#contact_submit').button('loading');
var action = $(this).attr('action');
$.ajax({
url: action,
type: 'POST',
data: {
contactname: $('#contact_name').val(),
contactemail: $('#contact_email').val(),
contactphone: $('#contact_phone').val(),
},
success: function() {
$('#contact_submit').button('reset');
$('#contact_submit').button('complete');
},
error: function() {
$('#contact_submit').button('reset');
$('#contact_submit').button('error');
}
});
// return false to prevent normal browser submit and page navigation
} else {
$('#contact_submit').button('reset')
}
return false;
});




});[/JS]

Как и писал, уже 3 день тыркаюсь с этой фигней. Куда вписывать мой е-майл, нужно ли скрипт вообще делать subscribe.php. В общем основная цель это отправка данных на мыло
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alekslv
alekslv
сообщение 25.4.2014, 22:44; Ответить: alekslv
Сообщение #2


прочитайте тут http://jqueryvalidation.org/validate вроде понятно описано..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Nikitos223
Nikitos223
Topic Starter сообщение 26.4.2014, 11:59; Ответить: Nikitos223
Сообщение #3


(alekslv @ 26.4.2014, 01:44) *
прочитайте тут http://jqueryvalidation.org/validate вроде понятно описано..


Так и не нашел там информации, как отправить данные на мыло
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alekslv
alekslv
сообщение 26.4.2014, 12:54; Ответить: alekslv
Сообщение #4


На лендингах классический вариант
1.Отправить данные аяксом
[JS]
$(".selector").validate({
submitHandler: function(form) {
// do other things for a valid form
var n=$("#name").val();
var tel=$("#tel").val();
$.ajax({
// то что отправит на почту
url:"mail.php",
data:"name="+n+"&tel="+tel,
type:"POST"
//остальные свойства аякса если надо
})
//в случае успеха ответ
.done(function(){
//какое то окно что все норма
})
}
});
[/JS]

2.сама отправка
mail.php

[PHP]
$subject="Сообщение с сайта ......";
$header='Content-type: text/html; Charset="utf-8"';
$name = htmlspecialchars(stripslashes($_POST['name']));
$tel = htmlspecialchars(stripslashes($_POST['tel']));
$stroka_1 = "<p><strong>Имя:</strong> ".$name.'</p>';
$stroka_2 = "<p><strong>Телефон:</strong> ".$tel.'</p>';
$msg=$stroka_1.$stroka_2;
mail("aaaaaaa@iaaaaaaa.ru", $subject, $msg, $header);
[/PHP]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
miketomlin
miketomlin
сообщение 26.4.2014, 18:30; Ответить: miketomlin
Сообщение #5


(Nikitos223 @ 26.4.2014, 00:49) *
Куда вписывать мой е-майл, нужно ли скрипт вообще делать subscribe.php. В общем основная цель это отправка данных на мыло
Да, вам обязательно нужен серверный скрипт, т.к. именно он будет отправлять письмо.


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
2 чел. читают эту тему (гостей: 2, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 731 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1702 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2345 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12541 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3360 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 25.4.2024, 8:18
Дизайн