Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.89/64: Рейтинг темы: голосов - 64, средняя оценка - 4.89
0 / 0 / 1
Регистрация: 01.07.2014
Сообщений: 47

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

18.07.2015, 19:29. Показов 12114. Ответов 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
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.07.2015, 19:29
Ответы с готовыми решениями:

Как сохранить выделение в DropDownList после перезагрузки страницы
Если у дропдауна изменяем селектед, то после перезагрузки страницы все сбрасывается на дефолт в опере. В остальных все нормально. ...

Сохранить координаты карты на выбранный город после перезагрузки страницы
При нажатии на кнопку он меняет местоположение карты на нужное но при перезагрузки страницы он возвращает на исходное положение. Я...

Как избавиться от перезагрузки страницы в web.form Calendar?
Подскажите пожалуйста, как сделать чтоб по клику например на календаре, страница не перегружалась?

7
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
19.07.2015, 10:10
Цитата Сообщение от vl-it Посмотреть сообщение
Данный код работает только на input, после перезагрузки сохраняет то что там писал.
На celect, textarea и выбор фотки для загрузки не срабатывает 
Для select надо подставлять атрибут selected к нужному тегу option, а файл ты никак не сохранишь, это сделано специально для безопасности.

Добавлено через 2 минуты
Вот здесь про selected прочитай.
0
0 / 0 / 1
Регистрация: 01.07.2014
Сообщений: 47
21.07.2015, 06:24  [ТС]
Понял, все та ки что бы всю форму сохранить я так понимаю лучше js использовать для валидации что бы страница не перезагружалась !
0
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
21.07.2015, 09:36
Цитата Сообщение от vl-it Посмотреть сообщение
Понял, все та ки что бы всю форму сохранить я так понимаю лучше js использовать для валидации что бы страница не перезагружалась !
Да.
0
0 / 0 / 1
Регистрация: 01.07.2014
Сообщений: 47
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 стоит этот метод, так вот если забыл ввести заголовок, то всплывает окно, я заполняю, пытаюсь дальше добавить новость, всплывает второе окно, введите короткий текст, опять нажал добавить, всплывает третье окно, заполните полный текст, в третьем окно и появилась поставьте галочку! если ее поставить, и не заполнить поле, а нажать добавить, то новость добавится без полного текста.
Да и окно не совсем красивое, стандартное от брайзера.
Выходит, что эта валидация не совсем хорошая.
Миниатюры
Как сохранить все что в form после перезагрузки страницы?  
0
 Аватар для alexsamos33
669 / 640 / 335
Регистрация: 26.04.2014
Сообщений: 2,122
21.07.2015, 19:33
Цитата Сообщение от vl-it Посмотреть сообщение
Да и окно не совсем красивое, стандартное от брайзера.
1. Выводи сообщение в свой собственный div
JavaScript
1
$("#myDivId").html( msg );
2. В интернете полно всяких плагинов для этого...
0
0 / 0 / 1
Регистрация: 01.07.2014
Сообщений: 47
22.07.2015, 07:10  [ТС]
а как правильно в js вписать вывод сообщения в div, а не в всплывающем окне браузера. Нужно же еще сделать что бы перенаправляло к этому div - где сообщение об ошбике.
0
0 / 0 / 1
Регистрация: 01.07.2014
Сообщений: 47
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>
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
24.07.2015, 10:13
Помогаю со студенческими работами здесь

Что делать после перезагрузки страницы?
Привет всем. У меня проблемы с простой задачей. Как я могу обработать обновление страницы? (имеется ввиду нажатие Ф5 или стрелочки...

Как сохранить информацию во время перезагрузки страницы
Добрый вечер. JS-скрипт работает на нескольких страницах сайта. Как мне информацию с одной из них получить на другой после того как...

Как сохранить состояние Service после перезагрузки телефона?
Как сохранить состояние Service после перезагрузки телефона??? т.е мне нужно чтоб сервис начал работать не сначала, а на том месте где...

После восстановления работает до перезагрузки. После перезагрузки все сначала. Переустановка ОС не помогла.
Такая проблема: после включения ноутбука потребовалось восстановление запуска и системы. После восстановления все работает нормально до...

Как получить код страницы, после того, как все скрипты данной страницы отработают, и выдадут все результаты?
Добрый день! Хотелось бы узнать, как получить код страницы, после того как все скрипты, данной страницы, отработают и выдадут все...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru