Skip to content

Сабміт на ссилку і кнопку одночасно

Пост присвячений в першу чергу для мене, щоб на слідуючий раз знову не шукати в неті подібну інфу.

Потрібно зробити формочку де замість кнопки з type=”submit” буде ссилочка з такими ж властивостями (тобто клікаєм по ссилці і форма сабмітиться).
Потрібно також вставити приховану кнопочку сабміта, щоб форма відпрацьовувала по натисканні кнопки Enter на клаві.

Отже, як мінімум 3 рішення:

Перше:

На чистому ява скрипті, викликаємо подію submit:

Друге:

На чистому ява скрипті, викликаємо подію кліка по інпуту:

Третє:

Підключаєм jquery:

Подібні теми обговорювались тут.
ХЗ чого, але в моєму випадку підійшло ЛИШЕ друге рішення… полтергейсти…
Скачати всі приклади одним архівом

3 Comments

  1. з першим підходом є проблема, код:

    document.f.submit();

    на перший погляд виглядає правильно, але не спрацює в IE6.. А може й і в наступних IE, вже не пам’ятаю.. Тому краще робити так:

    document.f.onsubmit();

    До речі, якщо лінк має засабмітити форму, я часто роблю так:

    <a href="#add-comment">Add comment</a>

    лінк звичайно має знаходитись в середині форми. Тут немає звертання до форми по ім’ю і тому не треба називати форму і це вберігає від копі-паст помилок.

  2. Блін, не знав що в тебе можна html додавати.. Але надіюсь таке не пройде:

    • Я тепер дійшов до висновку – що краще використовувати стандартні елементи і не вигадувати велосипед.
      Тобто якщо тобі потрібна форма – то юзай форму зі всіма її елементами 🙂

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *