Форум программистов, компьютерный форум, киберфорум
Наши страницы
PHP
Войти
Регистрация
Восстановить пароль
 
SweetAlready
0 / 0 / 0
Регистрация: 27.06.2018
Сообщений: 7
1

Очистка полей формы обратной связи после отправки

27.06.2018, 16:37. Просмотров 343. Ответов 8
Метки нет (Все метки)

Как сделать так, чтобы после отправки поля формы очищались?
или же реализовать возможность повторно отправить форму?
При повторной попытке отправки выдает ошибку.

Форма:
PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<?
session_start();
 
$key1 = rand(1,100);
$key2 = rand(5,35);
 
$_SESSION['result_key'] = $key1 + $key2;
 
?>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="jquery.form.js"></script>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="jquery.validate.js"></script>
    <script type="text/javascript">
 
$(document).ready(function() {  
      $('#feedback-valid').validate({   
                    rules:{
                        "feedback_name":{
                            required:true
                        },
                        "feedback_number":{
                            required:true,
                            number:true
                        },
                        "feedback_email":{
                            required:true,
                            email:true
                        },
                        "feedback_subject":{
                            required:false
                        },
                        "feedback_txt":{
                            required:true
                        },
                        "feedback_key":{
                            required:true
                        }
                            
                    },
                    messages:{
                        "feedback_name":{
                            required:"Укажите своё имя!"
                        },
                        "feedback_number":{
                            required:"Укажите свой телефон",
                            number:"Не корректный телефон"
                        },
                        "feedback_email":{
                            required:"Укажите свой E-mail",
                            email:"Не корректный E-mail"
                        },
                        "feedback_subject":{
                            required:"Укажите тему сообщения!"                         
                        },
                        "feedback_txt":{
                            required:"Напишите сообщение!"                               
                        },
                        "feedback_key":{
                            required:"Укажите код с картинки!"                            
                        }
                    },
                    
    submitHandler: function(form){
    $(form).ajaxSubmit({
    success: function(data) { 
        
        if (data == "true")
        {
        $(".message-feedback").attr("id","message-feedback-good").html("Сообщение успешно отправлено!").slideDown(300);    
        }else
        {
        $(".message-feedback").attr("id","message-feedback-error").html(data).slideDown(300);            
        }
 
                            }  
    }); 
    }
    });
    });
 
    </script>           
 
<style type="text/css">
#block-full{
    width: 342px;
    height: 600px;
    margin: 50px auto;
    background-color: #bd4d4d;
}
#block-body{
    width: 322px;
    height: 500px;
    margin: 50px auto;
}
#block-author{
    left: 0;
    right: 0;
    top: 0;
    background-color: #7B8391;
    font: 15px sans-serif;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 0;
    color: white;
}
#block-author a{
    color: #62FFB6;
    font: 14px sans-serif;
    margin-left: 5px;
}
#block-author a:hover{
    text-decoration: none;
}
#feedback-form li{
margin-top: 30px; 
margin-bottom: 0;
background: none;
color: #000;
padding-left: 0;
}
#feedback-form > li >  input{
  border-radius:10px ; 
 -webkit-border-radius:10px ; 
 -moz-border-radius:10px ;
 width: 300px;
 height: 23px;  
 border: 1px solid #D3D7DC;
 padding-left: 10px;
 padding-right: 10px;
 color:  black;
 font: 15px sans-serif; 
}
#feedback-form > li >  input:focus{
 border: 1px solid #C5E5FF;
}
#feedback-form > li >  textarea{
  border-radius:10px ; 
 -webkit-border-radius:10px ; 
 -moz-border-radius:10px ;
 width: 300px;
 height: 100px;  
 border: 1px solid #D3D7DC;
 padding-left: 10px;
 padding-right: 10px;
 color:  black; 
 font: 15px sans-serif; 
}
#feedback-form > li >  textarea:focus{
 border: 1px solid #C5E5FF;
}
#feedback-form > li > label{
position: absolute;
margin-top: -20px;
font: 14px sans-serif;
}
#block-key p{
    float: left;
    margin: 5px 0;
    font: 15px sans-serif;
    margin-right: 10px;
}
#block-key input{
  border-radius:10px ; 
 -webkit-border-radius:10px ; 
 -moz-border-radius:10px ;
 width: 100px;
 height: 23px;  
 border: 1px solid #D3D7DC;
 padding-left: 10px;
 padding-right: 10px;
 color:  black; 
 font: 15px sans-serif;
}
#block-key input:focus{
 border: 1px solid #C5E5FF;
}
.error{
    color: #FF7F7F;
    font: 11px sans-serif;
    display: block;
    margin-top: 4px;
}
.message-feedback{
    display: none;
}
#message-feedback-error{
    font: 13px sans-serif;
    color: red;
    background-color: #FFECEC;
    border: 1px solid #FFDFDF;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
#message-feedback-good{
    font: 13px sans-serif;
    color: black;
    background-color: #E4E9F2;
    border: 1px solid #D7DBE4;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
}
#submit-send{
  width: 100%; 
  height: 30px; 
  margin-top: 20px;
  cursor: pointer;
  border: none;
  background-color: #E4EAF0;
}
#submit-send:hover{
  background-color: #DEE4EA;
}
.hiddensubjectform {
  display: none;
}
</style>    
</head>
 
<div id="block-full">
<div id="block-body">
 
<p id="feedbackform_main">Запрос цены</p>
<p id="feedbackform_main2">Запросите стоимость.</p>
 
<p class="message-feedback"></p>
<form method="post" id="feedback-valid" action="sendmail.php" >
 
<ul id="feedback-form" >
<li><input type="text" name="feedback_name" placeholder="Имя" /></li>
<li><input type="text" name="feedback_number" placeholder="Телефон" /></li>
<li><input type="text" name="feedback_email" placeholder="E-mail" /></li>
<li><input class="hiddensubjectform" type="text" name="feedback_subject" value="Запрос цены с сайта" /></li>
<li><textarea name="feedback_txt" placeholder="Сообщение" ></textarea></li>
<li><label>Код проверки</label>
<div id="block-key" >
<p><?=$key1; ?> + <?=$key2; ?> =</p> <input type="text" name="feedback_key" />
</div>
</li>
 
</ul>
<center><input type="submit" id="submit-send" value="Отправить" /></center>
</form>
 
 
 
</div>
</div>
Обработчик:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<?
 $pageURL = $_SERVER['SERVER_NAME'];
 $pagereferer = $_SERVER['HTTP_REFERER'];
 
 if($_SERVER["REQUEST_METHOD"] == "POST")
{
 // Функция отправки email
 function send_mail($from,$to,$subject,$body)
{
    $charset = 'utf-8';
    mb_language("ru");
    $headers  = "MIME-Version: 1.0 \n" ;
    $headers .= "From: <".$from."> \n";
    $headers .= "Reply-To: <".$from."> \n";
    $headers .= "Content-Type: text/html; charset=$charset \n";
    
    $subject = '=?'.$charset.'?B?'.base64_encode($subject).'?=';
 
    mail($to,$subject,$body,$headers);
} 
 
 
session_start();    
    
$name = $_POST["feedback_name"];
$number = $_POST["feedback_number"];
$email = $_POST["feedback_email"];
$subject = $_POST["feedback_subject"];
$txt = $_POST["feedback_txt"];
$key = $_POST["feedback_key"];
 
$error = array();
 
if (strlen($name) == 0){ $error[] = "Укажите своё имя!"; }
if (strlen($number) == 0){ $error[] = "Укажите свой телефон!"; }
if (!preg_match("/^(?:[a-z0-9]+(?:[-_.]?[a-z0-9]+)?@[a-z0-9_.-]+(?:\.?[a-z0-9]+)?\.[a-z]{2,5})$/i",trim($email))){ $error[] = "Укажите корректный email!"; }
if (strlen($subject) == 0){ $error[] = "Укажите тему сообщения!"; }
if (strlen($txt) == 0){ $error[] = "Напишите сообщение!"; }
if ($key != $_SESSION['result_key']){ $error[] = "Не верный код проверки!"; }
 
 
if (count($error))
{
    echo implode('<br />',$error);
}else
{
    unset($_SESSION['result_key']);
    // Отправка email
    send_mail( $email,
               'asdsad@asda.ru',
               $subject,
               'Имя: '.$name.'<br/><br/>Телефон: '.$number.'<br/><br/>E-mail: '.$email.'<br/><br/>Запрос: '.$txt.'<br/><br/>Откуда перешел: '.$pageURL.'<br/><br/>Ссылка страницы: '.$pagereferer);
               
    echo 'true';
}
 
}  
?>
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
27.06.2018, 16:37
Ответы с готовыми решениями:

Сброс Каптчи после отправки формы обратной связи
Как сбросить капчу, не могу разобраться. Нашел выражение grecaptcha.reset();...

очистка формы после отправки. КАК? То есть после нажатия на кнопку или что? Как реализовать?
// если форма без ошибок if(empty($errors)){ // собираем данные из формы...

Форма обратной связи без отправки на e-mail
Я не знаю как сделать так, чтобы форма создавала файл (.htm/.txt) а не...

Формы обратной связи?
Здравствуйте, помогите пожалуйста создать две формы обратной связи! Чтобы...

UTF-8 для формы обратной связи
Здравствуйте! Я работаю над формой обратной связи с отправкой на электронную...

8
ytf
Нарушитель
233 / 254 / 184
Регистрация: 15.08.2017
Сообщений: 1,483
27.06.2018, 18:52 2
Как сделать так, чтобы после отправки поля формы очищались?
самый простой вариант - не использовать ajax
0
oplachko84
Заблокирован
27.06.2018, 21:33 3
После отправки в ява-скипте
Javascript
1
2
3
4
if(document.getElementById("feedback_txt"))
    {          
      document.getElementById("feedback_txt").value='';
    }
Только проставь айди для этого текстового поля
0
SweetAlready
0 / 0 / 0
Регистрация: 27.06.2018
Сообщений: 7
28.06.2018, 15:23  [ТС] 4
Я так пробовал ставить:
Кликните здесь для просмотра всего текста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<?
 $pageURL = $_SERVER['SERVER_NAME'];
 $pagereferer = $_SERVER['HTTP_REFERER'];
 
 if($_SERVER["REQUEST_METHOD"] == "POST")
{
 // Функция отправки email
 function send_mail($from,$to,$subject,$body)
{
    $charset = 'utf-8';
    mb_language("ru");
    $headers  = "MIME-Version: 1.0 \n" ;
    $headers .= "From: <".$from."> \n";
    $headers .= "Reply-To: <".$from."> \n";
    $headers .= "Content-Type: text/html; charset=$charset \n";
    
    $subject = '=?'.$charset.'?B?'.base64_encode($subject).'?=';
 
    mail($to,$subject,$body,$headers);
} 
 
 
session_start();    
    
$name = $_POST["feedback_name"];
$number = $_POST["feedback_number"];
$email = $_POST["feedback_email"];
$subject = $_POST["feedback_subject"];
$txt = $_POST["feedback_txt"];
$key = $_POST["feedback_key"];
 
$error = array();
 
if (strlen($name) == 0){ $error[] = "Укажите своё имя!"; }
if (strlen($number) == 0){ $error[] = "Укажите свой телефон!"; }
if (!preg_match("/^(?:[a-z0-9]+(?:[-_.]?[a-z0-9]+)?@[a-z0-9_.-]+(?:\.?[a-z0-9]+)?\.[a-z]{2,5})$/i",trim($email))){ $error[] = "Укажите корректный email!"; }
if (strlen($subject) == 0){ $error[] = "Укажите тему сообщения!"; }
if (strlen($txt) == 0){ $error[] = "Напишите сообщение!"; }
if ($key != $_SESSION['result_key']){ $error[] = "Не верный код проверки!"; }
 
 
if (count($error))
{
    echo implode('<br />',$error);
}else
{
    unset($_SESSION['result_key']);
    // Отправка email
    send_mail( $email,
               'asdsad@asda.ru',
               $subject,
               'Имя: '.$name.'<br/><br/>Телефон: '.$number.'<br/><br/>E-mail: '.$email.'<br/><br/>Запрос: '.$txt.'<br/><br/>Откуда перешел: '.$pageURL.'<br/><br/>Ссылка страницы: '.$pagereferer);
    document.getElementById("feedback_txt").value='';           
    echo 'true';
}
 
}  
?>


И так:

Кликните здесь для просмотра всего текста
PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<?
 $pageURL = $_SERVER['SERVER_NAME'];
 $pagereferer = $_SERVER['HTTP_REFERER'];
 
 if($_SERVER["REQUEST_METHOD"] == "POST")
{
 // Функция отправки email
 function send_mail($from,$to,$subject,$body)
{
    $charset = 'utf-8';
    mb_language("ru");
    $headers  = "MIME-Version: 1.0 \n" ;
    $headers .= "From: <".$from."> \n";
    $headers .= "Reply-To: <".$from."> \n";
    $headers .= "Content-Type: text/html; charset=$charset \n";
    
    $subject = '=?'.$charset.'?B?'.base64_encode($subject).'?=';
 
    mail($to,$subject,$body,$headers);
} 
 
 
session_start();    
    
$name = $_POST["feedback_name"];
$number = $_POST["feedback_number"];
$email = $_POST["feedback_email"];
$subject = $_POST["feedback_subject"];
$txt = $_POST["feedback_txt"];
$key = $_POST["feedback_key"];
 
$error = array();
 
if (strlen($name) == 0){ $error[] = "Укажите своё имя!"; }
if (strlen($number) == 0){ $error[] = "Укажите свой телефон!"; }
if (!preg_match("/^(?:[a-z0-9]+(?:[-_.]?[a-z0-9]+)?@[a-z0-9_.-]+(?:\.?[a-z0-9]+)?\.[a-z]{2,5})$/i",trim($email))){ $error[] = "Укажите корректный email!"; }
if (strlen($subject) == 0){ $error[] = "Укажите тему сообщения!"; }
if (strlen($txt) == 0){ $error[] = "Напишите сообщение!"; }
if ($key != $_SESSION['result_key']){ $error[] = "Не верный код проверки!"; }
 
 
if (count($error))
{
    echo implode('<br />',$error);
}else
{
    unset($_SESSION['result_key']);
    // Отправка email
    send_mail( $email,
               'asdsad@asda.ru',
               $subject,
               'Имя: '.$name.'<br/><br/>Телефон: '.$number.'<br/><br/>E-mail: '.$email.'<br/><br/>Запрос: '.$txt.'<br/><br/>Откуда перешел: '.$pageURL.'<br/><br/>Ссылка страницы: '.$pagereferer);          
    echo 'true';
}
 
if(document.getElementById("feedback_txt"))
    {          
      document.getElementById("feedback_txt").value='';
    }
 
}  
?>


id конечно свой ставил, т.е.
if(document.getElementById("feedback_name"))
{
document.getElementById("feedback_name").value='';
}
Не помогло. Или я не туда ставил? Не силен в php.
Еще пробовал
$('#myFormId').resetForm();
$('#myFormId').clearForm();
брал отсюда http://malsup.com/jquery/form/#api

прописать сюда
Кликните здесь для просмотра всего текста

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
 <link href="reset.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="jquery.form.js"></script>
    <script type="text/javascript" src="jquery.validate.js"></script>
    <script type="text/javascript">
 
$(document).ready(function() {  
      $('#feedback-valid').validate({   
                    rules:{
                        "feedback_number":{
                            required:true,
                            number:true
                        },
                            
                    },
                    messages:{
                        "feedback_number":{
                            required:"Укажите свой телефон",
                            number:"Не корректный телефон"
                        },
                    },
                    
    submitHandler: function(form){
    $(form).ajaxSubmit({
    success: function(data) { 
        
        if (data == "true")
        {
        $(".message-feedback").attr("id","message-feedback-good").html("Спасибо. Запрос принят. В ближайшее время с Вами свяжется наш менеджер.").slideDown(300);
$('#feedback-valid').resetForm();
$('#feedback-valid').clearForm();
        }else
        {
        $(".message-feedback").attr("id","message-feedback-error").html(data).slideDown(300);           
        }
 
                            }  
    }); 
    }
    });
    });
 
    </script>           
 
<style type="text/css">
.fancybox-close {
    top: 35px;
    right: -15px;
}
#block-full{
    width: 583px;
    height: 680px;
    margin: 50px auto;
    background-color: #bd4d4d;
}
#block-body{
    width: 500px;
    height: 673px;
    margin: 0 auto;
}
#block-author{
    left: 0;
    right: 0;
    top: 0;
    background-color: #7B8391;
    font: 15px sans-serif;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 0;
    color: white;
}
#block-author a{
    color: #62FFB6;
    font: 14px sans-serif;
    margin-left: 5px;
}
#block-author a:hover{
    text-decoration: none;
}
#feedback-form li{
margin-top: 30px; 
margin-bottom: 0;
background: none;
color: #000;
padding-left: 0;
}
#feedback-form > li >  input{
 width: 478px;
 height: 40px;  
 border: 2px solid #fff;
 padding-left: 10px;
 padding-right: 10px;
 color:  black;
 font: 15px sans-serif; 
}
#feedback-form > li >  input:focus{
 border: 2px solid #f9a808;
}
#feedback-form > li >  textarea{
 width: 478px;
 height: 100px;
 resize: none;  
 border: 2px solid #fff;
 padding-left: 10px;
 padding-right: 10px;
 color:  black; 
 font: 15px sans-serif; 
}
#feedback-form > li >  textarea:focus{
 border: 2px solid #f9a808;
}
#feedback-form > li > label{
position: absolute;
margin-top: -20px;
font: 14px sans-serif;
}
#block-key p{
    float: left;
    margin: 5px 0;
    font: 15px sans-serif;
    margin-right: 10px;
}
#block-key input{
 width: 100px;
 height: 23px;  
 border: 1px solid #D3D7DC;
 padding-left: 10px;
 padding-right: 10px;
 color:  black; 
 font: 15px sans-serif;
}
#block-key input:focus{
 border: 1px solid #C5E5FF;
}
.error{
    color: #f9a808;
    font: 13px sans-serif;
    display: block;
    margin-top: 4px;
}
.message-feedback{
    display: none;
}
#message-feedback-error{
    font: 17px sans-serif;
    color: red;
    background-color: #f9a808;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
}
#message-feedback-good{
    font: 17px sans-serif;
    color: black;
    background-color: #f9a808;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
}
#submit-send{
  width: 118px; 
  height: 29px; 
  margin: 20px 0 25px;
 
  cursor: pointer;
  border: none;
  background: url(bg_submit_price.png) 0px 0px no-repeat;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  font-family: 'pt_sans', Arial, sans-serif;
  text-transform: uppercase;
}
#submit-send:hover{
  background-color: #DEE4EA;
}
.hiddensubjectform {
  display: none;
}
#feedbackform_main3 {
font-family: 'pt_sans', Arial, sans-serif;
font-size: 13px;
color: #fff;
padding-top: 20px;
}
#feedbackform_main2 {
font-family: 'pt_sans', Arial, sans-serif;
font-size: 14px;
color: #fff;
line-height: 22px;
}
#feedbackform_main {
font-family: 'pt_sans', Arial, sans-serif;
font-size: 22px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 25px 0 16px;
}
</style>    
</head>
 
<div id="block-full">
<div id="block-body">
 
<p id="feedbackform_main">Запрос цены</p>
<p id="feedbackform_main2">Запросите стоимость</p>
 
<p class="message-feedback"></p>
<form method="post" id="feedback-valid" action="sendmail.php" >
 
<ul id="feedback-form" >
<li><input type="text" name="feedback_name" id="feedback_name" placeholder="Имя" /></li>
<li><input type="text" name="feedback_number" placeholder="Телефон *" /></li>
<li><input type="text" name="feedback_email" placeholder="E-mail" /></li>
<li><input class="hiddensubjectform" type="text" name="feedback_subject" value="Запрос цены с сайта" /></li>
<li><textarea name="feedback_txt" placeholder="Сообщение" ></textarea></li>
 
</ul>
<p id="feedbackform_main3">Нажимая кнопку «Узнать цену», я даю свое согласие на обработку моих персональных данных, в соответствии с Федеральным законом от 27.07.2006 года №152-ФЗ «О персональных данных», на условиях и для целей, определенных в Согласии на обработку персональных данных</p>
<center><input type="submit" id="submit-send" value="Узнать цену" /></center>
</form>
 
 
 
</div>
</div>
0
tarasalk
1221 / 730 / 292
Регистрация: 13.06.2013
Сообщений: 2,574
28.06.2018, 15:36 5
Цитата Сообщение от SweetAlready Посмотреть сообщение
Не помогло. Или я не туда ставил? Не силен в php.
Это javascript
1
SweetAlready
0 / 0 / 0
Регистрация: 27.06.2018
Сообщений: 7
28.06.2018, 15:43  [ТС] 6
oplachko84,
Вот все файлы
https://drive.google.com/open?id=1hFSgjrXL2p7DoMmAUEmV_bh0uUc1vrqi

tarasalk,
верно)

Можете помочь?
Вот все файлы
https://drive.google.com/open?id=1hFSgjrXL2p7DoMmAUEmV_bh0uUc1vrqi

Почти все работает. Остался сброс формы после отправки.
0
ytf
Нарушитель
233 / 254 / 184
Регистрация: 15.08.2017
Сообщений: 1,483
28.06.2018, 19:47 7
а нужна ли эта форма обратной связи? может лив-чат поставить?
0
oplachko84
Заблокирован
28.06.2018, 21:53 8
Цитата Сообщение от SweetAlready Посмотреть сообщение
Не помогло. Или я не туда ставил? Не силен в php.
Конечно не туда.
Вначале добавим в текстовое поле id
HTML5
1
<li><textarea name="feedback_txt" id="feedback_txt" placeholder="Сообщение" ></textarea></li>
Вставляем предложенный мною код вот сюда
Javascript
1
2
3
4
5
6
7
8
if (data == "true")
 {
 
if(document.getElementById("feedback_name"))
{ 
document.getElementById("feedback_name").value='';
}
//.. далее по тексту
И это кстати не php, а js с технологией аякс
1
SweetAlready
0 / 0 / 0
Регистрация: 27.06.2018
Сообщений: 7
29.06.2018, 12:43  [ТС] 9
oplachko84, Сейчас точно все как сказали поставил. Подумал что возможно кэш, вычистил кэш, открыл с нового браузера(чтоб наверняка). -- Не чистит поле, не работает.

Вот весь файл с вставленным кодом:

PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
<a href="#feedbackform" rel="nofollow" class="fancybox" style="width: 118px; color: #000000; font-size: 14px; font-family: 'pt_sansbold', arial, sans-serif; text-align: center; display: block; height: 29px; text-decoration: none; padding-top: 9px; text-transform: uppercase; cursor: pointer;">УЗНАТЬ ЦЕНУ</a>
<div id="feedbackform" style="display: none;">
 
    <link href="reset.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="jquery.form.js"></script>
    <script type="text/javascript" src="jquery.validate.js"></script>
        <script type="text/javascript">
 
$(document).ready(function() {  
      $('#feedback-valid').validate({   
                    rules:{
                        "feedback_number":{
                            required:true,
                            number:true
                        },
                            
                    },
                    messages:{
                        "feedback_number":{
                            required:"Укажите свой телефон",
                            number:"Не корректный телефон"
                        },
                    },
                    
    submitHandler: function(form){
    $(form).ajaxSubmit({
    success: function(data) { 
        
        if (data == "true")
        {
if(document.getElementById("feedback_name"))
{ 
document.getElementById("feedback_name").value='';
}
        $(".message-feedback").attr("id","message-feedback-good").html("Спасибо. Запрос принят.").slideDown(300);
$('#feedback-valid').resetForm();
$('#feedback-valid').clearForm();
        }else
        {
        $(".message-feedback").attr("id","message-feedback-error").html(data).slideDown(300);            
        }
 
                            }  
    }); 
    }
    });
    $('#feedback-valid').resetForm();
$('#feedback-valid').clearForm();
    });
 
    </script>       
 
<style type="text/css">
.fancybox-close {
    top: 35px;
    right: -15px;
}
#block-full{
    width: 583px;
    height: 680px;
    margin: 50px auto;
    background-color: #bd4d4d;
}
#block-body{
    width: 500px;
    height: 673px;
    margin: 0 auto;
}
#block-author{
    left: 0;
    right: 0;
    top: 0;
    background-color: #7B8391;
    font: 15px sans-serif;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: 0;
    color: white;
}
#block-author a{
    color: #62FFB6;
    font: 14px sans-serif;
    margin-left: 5px;
}
#block-author a:hover{
    text-decoration: none;
}
#feedback-form li{
margin-top: 30px; 
margin-bottom: 0;
background: none;
color: #000;
padding-left: 0;
}
#feedback-form > li >  input{
 width: 478px;
 height: 40px;  
 border: 2px solid #fff;
 padding-left: 10px;
 padding-right: 10px;
 color:  black;
 font: 15px sans-serif; 
}
#feedback-form > li >  input:focus{
 border: 2px solid #f9a808;
}
#feedback-form > li >  textarea{
 width: 478px;
 height: 100px;
 resize: none;  
 border: 2px solid #fff;
 padding-left: 10px;
 padding-right: 10px;
 color:  black; 
 font: 15px sans-serif; 
}
#feedback-form > li >  textarea:focus{
 border: 2px solid #f9a808;
}
#feedback-form > li > label{
position: absolute;
margin-top: -20px;
font: 14px sans-serif;
}
#block-key p{
    float: left;
    margin: 5px 0;
    font: 15px sans-serif;
    margin-right: 10px;
}
#block-key input{
 width: 100px;
 height: 23px;  
 border: 1px solid #D3D7DC;
 padding-left: 10px;
 padding-right: 10px;
 color:  black; 
 font: 15px sans-serif;
}
#block-key input:focus{
 border: 1px solid #C5E5FF;
}
.error{
    color: #f9a808;
    font: 13px sans-serif;
    display: block;
    margin-top: 4px;
}
.message-feedback{
    display: none;
}
#message-feedback-error{
    font: 17px sans-serif;
    color: red;
    background-color: #f9a808;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
}
#message-feedback-good{
    font: 17px sans-serif;
    color: black;
    background-color: #f9a808;
    padding-left: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 10px;
}
#submit-send{
  width: 118px; 
  height: 29px; 
  margin: 20px 0 25px;
 
  cursor: pointer;
  border: none;
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  font-family: 'pt_sans', Arial, sans-serif;
  text-transform: uppercase;
}
#submit-send:hover{
  background-color: #DEE4EA;
}
.hiddensubjectform {
  display: none;
}
#feedbackform_main3 {
font-family: 'pt_sans', Arial, sans-serif;
font-size: 13px;
color: #fff;
padding-top: 20px;
}
#feedbackform_main2 {
font-family: 'pt_sans', Arial, sans-serif;
font-size: 14px;
color: #fff;
line-height: 22px;
}
#feedbackform_main {
font-family: 'pt_sans', Arial, sans-serif;
font-size: 22px;
font-weight: bold;
color: #fff;
text-align: center;
padding: 25px 0 16px;
}
</style>    
</head>
 
<div id="block-full">
<div id="block-body">
 
<p id="feedbackform_main">Запрос цены</p>
<p id="feedbackform_main2">Запросите стоимость.</p>
 
<p class="message-feedback"></p>
<form method="post" id="feedback-valid" action="sendmail.php" >
 
<ul id="feedback-form" >
<li><input type="text" name="feedback_name" id="feedback_name" placeholder="Имя" /></li>
<li><input type="text" name="feedback_number" placeholder="Телефон *" /></li>
<li><input type="text" name="feedback_email" placeholder="E-mail" /></li>
<li><input class="hiddensubjectform" type="text" name="feedback_subject" value="Запрос цены с сайта" /></li>
<li><textarea name="feedback_txt" placeholder="Сообщение" ></textarea></li>
 
</ul>
<p id="feedbackform_main3">Нажимая кнопку «Узнать цену», я даю свое согласие на обработку моих персональных данных</p>
<center><input type="submit" id="submit-send" value="Узнать цену" /></center>
</form>
 
 
 
</div>
</div>
 
</div>
Добавлено через 2 часа 46 минут
решил проблему

$('#feedback-valid').resetForm();
$('#feedback-valid').clearForm();

не срабатывали, потому что скрипты подключенные конфликтовали.
Спасибо всем откликнувшимся.
0
29.06.2018, 12:43
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.06.2018, 12:43

Идёт спам с формы обратной связи. Как исправить?
Всем привет! Есть такой сайтик : http://oprteam.ru/ На нём 17 форм...

Изменение сообщения при отправке формы обратной связи
Есть страница &lt;?PHP if (!empty($_POST)){ $myemail =...

Mail.php отправляет пустой текст из формы обратной связи на сайте
Добрый день. Есть форма обратной связи на сайте, скрипт js и mail.php. Сам...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru