динамический JavaScript при использовании load-> view

Question

динамический JavaScript при использовании load-> view

0

У меня есть форма с кнопкой "newInput", которая динамически добавляет в javascript новый ввод, когда я нажимаю на него.

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

Что-то я могу сделать?

Это пример моего view.tpl:

<input 
  type="text"  
  placeholder="ex: cerise" 
  onfocus="javascript:autoComplet('jigd1', '{site_url('recettes/getIngredient')}')" 
  value="{set_value('igd[]')}" id="jigd1" name="igd[]"
/>
{form_error('igd[]')}

Я добавляю код partiel моего js файла

var cpt=1;
function addField(uriIngredient, uriLabel) {
try 
{
cpt=cpt+1;
var inputIgd = document.createElement('input'), 
button = document.createElement('input'),
div = document.createElement('div'),
inputIgd.setAttribute('type','text');
inputIgd.setAttribute('name','igd[]');
inputIgd.setAttribute('id','jigd'+cpt);


button.setAttribute('type','button');
button.setAttribute('onclick','javascript:supField("igd'+cpt+'")');
button.setAttribute('value','Supprimer');
div.setAttribute('id','igd'+cpt);
div.appendChild(inputIgd);
div.appendChild(button);
document.getElementById("listIgd").appendChild(div);
...

После некоторых исследований я попытался посмотреть, что кто-то сказал мне, что говорит localStorage, и это очень приятно. Но я использовал пример только для одного ввода, потому что я написал его в своем html, но я не знаю, как это сделать для воссоздания всех входов. И особенно потому, что я использую javascript для добавления новых входных данных, я не знаю, если я может воссоздать все входы.

Choubidou 14 дек. 2013, в 22:23

Источник

0

Вам следует рассмотреть возможность отправки формы через ajax и обработки ответа (отображения сообщений об ошибках и т. Д.) С использованием javascript. Таким образом, вы можете полностью избежать перезагрузки страницы.
Jonah 14 дек. 2013, в 20:59
0

Нет другого решения?
Choubidou 14 дек. 2013, в 21:01
0

Есть много решений, и я выберу именно их. Другим способом будет отправка страницы в обычном режиме, и ваш сервер вернет обновленный HTML с динамически добавленным содержимым.
Jonah 14 дек. 2013, в 21:03
0

Это говорит Иона? Как это сделать ?
Choubidou 14 дек. 2013, в 21:11
0

Реализация моего последнего предложения является проблемой на стороне сервера и выходит за рамки вашего вопроса или этого сайта.
Jonah 14 дек. 2013, в 21:13

Показать ещё 3 комментария

Теги:

javascript

jquery

html

codeigniter

local-storage

1 ответ

Ещё вопросы

Вам следует рассмотреть возможность отправки формы через ajax и обработки ответа (отображения сообщений об ошибках и т. Д.) С использованием javascript. Таким образом, вы можете полностью избежать перезагрузки страницы.
Есть много решений, и я выберу именно их. Другим способом будет отправка страницы в обычном режиме, и ваш сервер вернет обновленный HTML с динамически добавленным содержимым.
Это говорит Иона? Как это сделать ?
Реализация моего последнего предложения является проблемой на стороне сервера и выходит за рамки вашего вопроса или этого сайта.

Ayman El Temsahi · Answer 1 · 2013-12-14T18-31-00.000Z

проверьте форму перед отправкой, таким образом вам не придется перезагружать страницу, например, используя jquery...

$("#myformid").on("submit", function(){
    var goodtogo = true;
    // some code here to check the form, if there an error --> goodtogo = false;
    if (!goodtogo) return false; // and some other code to display the errors
});

Таким образом, если есть ошибка, форма не будет отправляться и не перезагружается. Если вам нужно проверить что-то в базе данных (например), например, проверить, существует ли имя пользователя, вам придется использовать ajax.

Я уже проверяю свою ошибку с проверкой формы CodeIgniter .. Я действительно не могу обойтись без нее ..
ну, тогда я предлагаю вам использовать AJAX, он действительно мощный, и как только вы привыкнете к нему, он вам понравится