glhd/aire – билдер форм для Laravel

Пример создания формы

{{ Aire::open()
  ->route('users.update')
  ->bind($user) }}

<div class="flex flex-col md:flex-row">

  {{ Aire::input('given_name', 'First/Given Name')
    ->id('given_name')
    ->autoComplete('off')
    ->groupClass('flex-1 mr-2') }}
    
  {{ Aire::input('family_name', 'Last/Family Name')
    ->id('family_name')
    ->autoComplete('off')
    ->groupClass('flex-1') }}
  
</div>
  
{{ Aire::email('email', 'Email Address') }}
  
{{ Aire::submit('Update User') }}
  
{{ Aire::close() }}

https://github.com/glhd/aire

Делаем форму как на картинке jQuery

Делаем форму как на картинке jQuery

HTML

<form method="post" action="clonesubmit.php">
   <p class="clone"> <input type="text" name="hobby[]" class='input'/></p>
   <p><a href="#" class="add" rel=".clone">Add More</a></p>
   <input type="submit" value=" Submit " />
   </form>

Подключаем плагин relCopy.js http://www.andresvidal.com/labs/relcopy.html

Добавляем js который добавляет линк на удаление нового поля:

$(function(){
  var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>';
$('a.add').relCopy({ append: removeLink});    
});

Ну и на clonesubmit.php вешаем обработчик hobby[]

Scroll Up