Как сохранить все что в form после перезагрузки страницы?

@vl-it · Регистрация: 01.07.2014

Студворк — интернет-сервис помощи студентам

Здравствуйте, сайт на фраемворке kohana 3.1
Сделал добавление новостей на сайт в админке.

В разделе form, в form input, celect, textarea, загрузка картинок,
<input type="file" title="Загрузка главной фотографии" multiple name="images[]" id="multi" />

Стоит валидация в моделях, если не заполнил важные поля, но нажал на кнопку отправить, то он перезагружает страничку и появляется валидация которая пишет что не все поля заполнены и т.д
Вся форма что я заполнял, а это выбрал фотку, выбрал в селектах категорию раздела, и т.д, все это скинулось, как все это можно сохранить? Что бы вся форма после перезагрузки страницы сохранилась?

Что я пробовал, я пробовал вставлять код в поля input, celect, textarea
(value="<?=@$_POST['prdes']?>"
Данный код работает только на input, после перезагрузки сохраняет то что там писал.
На celect, textarea и выбор фотки для загрузки не срабатывает 

@alexsamos33 · 19.07.2015, 10:10

Сообщение от vl-it

Данный код работает только на input, после перезагрузки сохраняет то что там писал.
На celect, textarea и выбор фотки для загрузки не срабатывает 

Для select надо подставлять атрибут selected к нужному тегу option, а файл ты никак не сохранишь, это сделано специально для безопасности.

Добавлено через 2 минуты
Вот здесь про selected прочитай.

@vl-it · 21.07.2015, 06:24 **[ТС]**

Понял, все та ки что бы всю форму сохранить я так понимаю лучше js использовать для валидации что бы страница не перезагружалась !

@alexsamos33 · 21.07.2015, 09:36

Сообщение от vl-it

Понял, все та ки что бы всю форму сохранить я так понимаю лучше js использовать для валидации что бы страница не перезагружалась !

Да.

@vl-it · 21.07.2015, 17:59 **[ТС]**

а можно как то реализовать через element.getAttribute() если да то посоветуйте как.

---------------------------------------
Что я хочу реализовать через js
Проверка на введение трех полей.

Начало формы:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form method="post" id="addnews" class="form-horizontal" enctype="multipart/form-data">
 
 заголовок:
 <input type="text" name="prname" maxlength="80" />
 
 короткий текст:
 <textarea name="shortdescription" rows="3" maxlength="220"></textarea>
 
 полный текст:
 <textarea name="description" id="editor1" rows="20"></textarea></div>
 
 кнопка добавить
 <button type="submit" name="submit" id="submit" class="btn btn-primary">ДОБАВИТЬ НОВОСТЬ ИЛИ СТАТЬЮ НА САЙТ</button>
 
 </form>

я форме присвоил ид id="addnews"

Див для вывода ошибок: ( <div id="resultred"></div> )

Код js - в коде ноль, но пытаюсь по другим примерам что то сделать.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<script>
 jQuery(document).ready(function(){
 jQuery("#submit").click(function(){
 prname = $('[name="prname"]').val();
 shortdescription = $('[name="shortdescription"]').val();
 description = $('[name="description"]').val();
 
 submitData = $('#addnews').serialize();
 if(prname !== '' && shortdescription !== '' && description !== '')
 {
 $.ajax({ 
 type: "POST",
 url: 'http://'+location.host+'/admin/products/add',
 data: submitData,
 dataType: 'json',
 success: function(data)
 
 </script>

пока так сделал, дальше пока не понял сути.
понял что по нажатию на кнопку добавить новость, срабатывает js который проверяет всю форму, и после того если все хорошо, то он добавляет новость, а если есть ошибка то будет выводить ошибку.

что я хочу реализовать через js, нужно что бы была проверка что данные поля нужно заполнить, пустыми их оставлять нельзя, поля обязательные для заполнения ( prname, shortdescription, description )

У поля ( prname ), хочу сделать что бы нельзя было больше 80 символов писать, и меньше 10, то есть если меньше 10 или больше 80, то он должен будет выдавать ошибку с текстом, слишком мало символов в заголовке что то такое.

Для поля ( shortdescription ), хочу реализовать что бы меньше 50 символов нельзя было писать и больше 220, и если я заполнил меньше 50, то что бы скрипт валидации выдавал что слишком маленький текст, ну и если больше 220.

Для поля ( description ), поле обязательно для заполнения, если оставили пустым, то что бы писалось такое то поле не должно быть пустым.

Подскажите как дальше скрипт дописать, приведите пожалуйста пример.

Добавлено через 3 часа 33 минуты
Попробовал я этот метод.

JavaScript
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
<script type='text/javascript'> 
 function checkForm(obj, elems) { 
 var element, pattern; 
 for (var i = 0; i < obj.elements.length; i++) {// пробегаемся по всем элементам формы 
 element = obj.elements[i]; 
 // Проверяем только нужные поля 
 if (elems != undefined) 
 if (elems.join().indexOf(element.type) < 0) continue; 
 // И только если есть чего говорить юзеру в случае ошибки 
 if (!element.getAttribute("check_message")) continue; 
 if (pattern = element.getAttribute("check_pattern")) { // если задан рег 
 pattern = new RegExp(pattern, "g"); 
 if (!pattern.test(element.value)) { 
 alert(element.getAttribute("check_message")); 
 element.focus(); 
 return false; 
 } 
 } else if(/^\s*$/.test(element.value)) {// иначе просто проверка что поле не пустое 
 alert(element.getAttribute("check_message")); 
 element.focus(); 
 return false; 
 } 
 } 
 return true; 
 } 
 </script>

пример для импута
<input type="text" name="prname" maxlength="80" id="textarea" autofocus check_message="Введите заголовок, должен быть не больше 80 букв" />

так вот после проверки, браузер фаерфокс, показывает окно с ошибками ! а так же предлагает закрыть эти окна если поставить галочку ! если поставить ее то и окна с ошибками не будет видно ! это же минус большой этого метода.

У меня на одном input и на двух textarea стоит этот метод, так вот если забыл ввести заголовок, то всплывает окно, я заполняю, пытаюсь дальше добавить новость, всплывает второе окно, введите короткий текст, опять нажал добавить, всплывает третье окно, заполните полный текст, в третьем окно и появилась поставьте галочку! если ее поставить, и не заполнить поле, а нажать добавить, то новость добавится без полного текста.
Да и окно не совсем красивое, стандартное от брайзера.
Выходит, что эта валидация не совсем хорошая.

@alexsamos33 · 21.07.2015, 19:33

Сообщение от vl-it

Да и окно не совсем красивое, стандартное от брайзера.

1. Выводи сообщение в свой собственный div

JavaScript
1
$("#myDivId").html( msg );

2. В интернете полно всяких плагинов для этого...

@vl-it · 22.07.2015, 07:10 **[ТС]**

а как правильно в js вписать вывод сообщения в div, а не в всплывающем окне браузера. Нужно же еще сделать что бы перенаправляло к этому div - где сообщение об ошбике.

@vl-it · 24.07.2015, 10:13 **[ТС]**

проблему решил, вот с заменой не всплывающие окно, а выводит в диве.

JavaScript
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
<script type='text/javascript'> 
function checkForm(obj, elems) {    
var element, pattern;   
for (var i = 0; i < obj.elements.length; i++) {// пробегаемся по всем элементам формы    
element = obj.elements[i];  
// Проверяем только нужные поля    
if (elems != undefined) 
if (elems.join().indexOf(element.type) < 0) continue;   
// И только если есть чего говорить юзеру в случае ошибки  
if (!element.getAttribute("check_message")) continue;   
if (pattern = element.getAttribute("check_pattern")) {  // если задан рег   
pattern = new RegExp(pattern, "g"); 
if (!pattern.test(element.value)) { 
 
document.getElementById('validationka').style.display = "block"
document.getElementById('validationka').innerHTML =element.getAttribute("check_message");   
 
element.focus();
return false;   
}   
} else if(/^\s*$/.test(element.value)) {// иначе просто проверка что поле не пустое   
 
 
document.getElementById('validationka').style.display = "block"
document.getElementById('validationka').innerHTML = element.getAttribute("check_message");  
 
element.focus();    
return false;   
}   
}   
return true;    
}   
</script>

Новые блоги и статьи Все статьи Все блоги /
Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .	Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизита табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать контроль заполнения реквизита "ПричинаСписания". . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/
Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .	Вывод данных в справочнике через динамический список Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Программное заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47

	Как сохранить все что в form после перезагрузки страницы? 18.07.2015, 19:29. Показов 12168. Ответов 7 Метки нет (Все метки) Здравствуйте, сайт на фраемворке kohana 3.1 Сделал добавление новостей на сайт в админке. В разделе form, в form input, celect, textarea, загрузка картинок, <input type="file" title="Загрузка главной фотографии" multiple name="images[]" id="multi" /> Стоит валидация в моделях, если не заполнил важные поля, но нажал на кнопку отправить, то он перезагружает страничку и появляется валидация которая пишет что не все поля заполнены и т.д Вся форма что я заполнял, а это выбрал фотку, выбрал в селектах категорию раздела, и т.д, все это скинулось, как все это можно сохранить? Что бы вся форма после перезагрузки страницы сохранилась? Что я пробовал, я пробовал вставлять код в поля input, celect, textarea (value="<?=@$_POST['prdes']?>" Данный код работает только на input, после перезагрузки сохраняет то что там писал. На celect, textarea и выбор фотки для загрузки не срабатывает  0

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47
	21.07.2015, 06:24 [ТС]
	Понял, все та ки что бы всю форму сохранить я так понимаю лучше js использовать для валидации что бы страница не перезагружалась ! 0

@vl-it 0 / 0 / 1 Регистрация: 01.07.2014 Сообщений: 47
	22.07.2015, 07:10 [ТС]
	а как правильно в js вписать вывод сообщения в div, а не в всплывающем окне браузера. Нужно же еще сделать что бы перенаправляло к этому div - где сообщение об ошбике. 0