0

Имеется форма и нужно её отправить без button и input использую (a). Почему без? Ломаются стили... Пример:

Форма и кнопка:

<form @submit.prevent="send">
     ...
<a>Отправить</a>
</form>

(send - метод, где я использую axios)

Знаю, что можно использовать @click и отправить все нужные поля, но тогда не работает банальная валидация в форме (reqired и тд) + тогда и сама форма не нужна.

Пробовал способ от сюда https://stackoverflow.com/questions/45996657/submit-a-form-in-vue-how-do-i-reference-the-form-element но он просто отправляет форму как нативном html

5
  • Если нужна валидация формы, можно использовать checkValidity
    – Hekumok
    Commented 16 нояб. 2018 в 18:07
  • 2
    Ну стили поправить можно то. Не зря же в форме придумали 2 кнопки отправки
    – Pavel8289
    Commented 17 нояб. 2018 в 9:58
  • Может тебе это поможет stackoverflow.com/questions/7340300/a-tag-as-a-submit-button
    – Pavel8289
    Commented 17 нояб. 2018 в 10:03
  • Проблему как раз решил исправлением стилей
    – Oliver
    Commented 17 нояб. 2018 в 10:27
  • habr.com/post/317728
    – diralik
    Commented 17 нояб. 2018 в 20:59

1 ответ 1

0

Если я тебя правильно понял, сделай так.

... Отправить

methods: { send() { form.submit() } }

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.