Я не могу добавить к существующей форме, используя Jquery - PullRequest
Новая
       6

Я не могу добавить к существующей форме, используя Jquery

0 голосов
/ 28 апреля 2018

У меня есть форма, которую я решил обернуть, используя div: 

<div class="formWrap">
 <input class="desc" name="newdescription[]" value="" />
</div>

И я добавляю несколько полей динамически: 

newDesc = $('.desc:first').clone();
$(newDesc).appendTo('.formWrap');

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

<form class="formWrap" type="post" action="nextpage.php">
 <!-- Some inputs -->
</form >

Как только я изменил div в форму, я больше не мог добавлять, если я возвращаю его в div, он работает.

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

   <form type="post" action="nextpage.php">
   <div class="formWrap">
         <!-- Some inputs -->
   </div>
   </form >

Я читал, и я не нахожу никаких ограничений в том, что я не могу добавить форму, поэтому я немного растерялся. Есть идеи?

1 Ответ

0 голосов
/ 09 мая 2018

Если кто-то получит такую ​​же ошибку, это может помочь. Потребовалось время, чтобы найти ответ, но я нашел ошибку. Я понял, что форма была внутри формы, очевидно, огромная ошибка! Я предполагаю, что Jquery предотвращает добавление в форму, которая находится внутри другой формы. 

<form>
.
.
.
<form class="formWrap" type="post" action="nextpage.php">
 <!-- Some inputs -->
</form >
.
.
.
</form >

Если вы не можете добавить форму, скорее всего, это ребенок другой формы. Вот скрипка, показывающая, как это не работает:

https://jsfiddle.net/uaeh1kjr/1/

И как @Eddie упомянул в своем комментарии, этот работает только с одной формой: https://jsfiddle.net/uaeh1kjr/

...