Сохранение данных введёных в вебформу при неверном вводе — различия между версиями

Материал из Umicms
Перейти к:навигация, поиск
(Новая страница: «Пользователи часто сталкиваются с тем, что ошибаясь в каких-то данных уже введённые данны…»)
 
 
Строка 1: Строка 1:
 +
'''Актуально для версии 2.9'''
 +
 
Пользователи часто сталкиваются с тем, что ошибаясь в каких-то данных уже введённые данные в форму стираются и приходится вводить их заново. Это неприятно и доставляет вашим пользователям определённое количество неприятных эмоций.
 
Пользователи часто сталкиваются с тем, что ошибаясь в каких-то данных уже введённые данные в форму стираются и приходится вводить их заново. Это неприятно и доставляет вашим пользователям определённое количество неприятных эмоций.
 
Решить эту проблему можно добавлением обработчика события '''onSubmit''' к форме:
 
Решить эту проблему можно добавлением обработчика события '''onSubmit''' к форме:
Строка 47: Строка 49:
 
</script>
 
</script>
 
</source>
 
</source>
 +
 +
[[Категория:Модуль Обратная связь]][[Категория:Вопросы и уроки разработки сайтов на UMI.CMS]]

Текущая версия на 11:02, 5 июня 2013

Актуально для версии 2.9

Пользователи часто сталкиваются с тем, что ошибаясь в каких-то данных уже введённые данные в форму стираются и приходится вводить их заново. Это неприятно и доставляет вашим пользователям определённое количество неприятных эмоций. Решить эту проблему можно добавлением обработчика события onSubmit к форме:

<form method="post" action="/webforms/send/" name="form_priemn" id="form_priemn" onsubmit="return sendForm();">

а также нужно добавить код самой функции sendForm() на страницу:

<script xmlns="" language="JavaScript">
function sendForm() {

   var neededIds = [
   '#data\\[new\\]\\[fio\\]',
   '#data\\[new\\]\\[index\\]',
   '#data\\[new\\]\\[region\\]',
   '#data\\[new\\]\\[city\\]',
   '#data\\[new\\]\\[street\\]'
   ];

   for (var i=0;i<neededIds.length;i++) {

      if ($(neededIds[i]).val() == '') {

      alert('Заполните поля отмеченные знаком *');
      return false;
   }
   }

   if ($('#data\\[new\\]\\[status\\]').val() == '' && 
   $('#data\\[new\\]\\[other_status\\]').val() == '') {

      alert('Заполните поля отмеченные знаком *');
      return false;
   }
					 
   if ($('#data\\[new\\]\\[text\\]').val() == '') {

      alert('Заполните поля отмеченные знаком *');
   return false;
   }

   saveFormData(document.forms['form_priemn']);
   return true;
}
</script>