Могу ли я использовать этот фрагмент кода в своей форме загрузки?

На моем веб-сайте есть страница загрузки с формой, и один из входов предназначен для таких тегов:

<div class = "form-group">
    <label class='label' for = "artwork-tags">Tags</label>
    <input class='input' type = "text" name = "artwork-tags" placeholder = "Tags" value='{{ Request::old('artwork-tags') }}'>
     @include('partials.invalid', ['field' => 'artwork-tags'])
</div>

Затем я получаю теги на стороне сервера, используя:

$tagsRaw = $request->input('artwork-tags');

Здесь начинается мой настоящий вопрос. Я нашел фрагмент кода, используемый для стиля ввода тегов, который разделяет написанные теги в их собственных контейнерах после того, как вы введете запятую (,). Однако, как вы можете видеть в коде, ввод тегов - это просто:

  <div class = "tags-input"></div>

Ни формы, ни ввода, ни отправки, ничего. Вот почему мне интересно, как мне вообще получить теги, которые написаны внутри этого div на стороне сервера?

Codepen - https://codepen.io/juliendargelos/pen/MJjJZm

Неполный вопрос. Предоставьте код и фрагменты вашего кода.

Patrick Simard 30.12.2018 17:33

Странно, я забыл добавить ручку, о которой имел в виду. Готово сейчас.

Bobimaru 30.12.2018 17:41
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
2
60
1

Ответы 1

Мне кажется, что это возможная проблема с загрузкой. Я вытащил код и добавил его на страницу, и он работал нормально.

Итак ... поскольку это может быть больше вопрос Javascript, а не вопрос Laravel, я бы посоветовал вам открыть свой источник на странице и убедиться, что у вас загружены как css, так и JS.

Это обеспечивается JS, но вам нужно будет обрабатывать входящие элементы на стороне сервера. Самый простой способ настроить это - сбросить ваш объект запроса (dd($request->all()) и посмотреть, какая переменная относится к конкретным тегам. На стороне сервера вам нужно будет написать код для принятия этих тегов и посмотреть, существуют ли они уже. Если нет, создайте новый в базе данных и получите его новый идентификатор. Если он уже существует, получите идентификатор выходящего тега из базы данных на основе совпадения строки.

Что-то типа:

$existing_tags = \App\Tag::pluck('name', 'id')->toArray();
foreach(//on $request->get('tags')){
  //Loop to see if name is already in $existing_tags[] - if not, create new tag -- if so, pull ID and attach
}

Ответ на ваш вопрос об отсутствии формы, ввода и т. д., Скорее всего, означает, что вы не втянули всю js lib или какие-либо зависимости если вышеуказанный дамп не работает. Кроме того, из вашего вопроса не ясно, в какой точке вы находитесь, но помните, что это только часть кода формы. Вам по-прежнему потребуется предоставить обычный маршрут Laravel и стандартную остальную часть формы (например, кнопку отправки и т. д.).

Другие вопросы по теме