3

Задача такая: я скрыл кнопку для кастомизации, теперь не пойму, как отправить форму. Вроде функция с jquery submit() должна помочь, но ничего не выходит, помогите.

3 ответа 3

7

Даже если кнопка сабмит скрыта, то jquery.submit() должен работать:

//тем временем в jQuery
$("#real_smb").click(function() {
  $("#myform").submit();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<form action="test.php" method="post" id="myform">
  <input type="text" name="login">
  <input type="submit" value="ok" style="display:none">
  <input type="button" value="real OK" id="real_smb">
</form>

3

Чтоб отправить форму вам всё равно надо будет выполнить нажатие кнопки.

Например можно воспользоваться html-тегом <div>, которому можно задать некий стиль. Например:

<div class="my_style" onClick="submit();">текст кнопки</div>

Учтите, эту div-кнопку обязательно надо писать в форме, которую собираетесь отправить!

По идее можно воспользоваться и таким методом:

<div id="my_id" style="display:none;" onClick="submit();">текст кнопки</div>

А в JavaScript-е при определённых, заданных, условиях сделать такую запись:

document.getElementById('my_id').click();

В таком случае кнопку видно не будет, и форма будет отправляться при выполнении условий. По идее должно работать. Если не выходит - пишите, разберём.

Третий вариант, это создавать событие onKeyPress в строке ввода данных формы. При нажатии клавиши Enter выполнять функцию submit();.

P.S.: первый метод точно должен работать, проверено не раз.

4
  • > задан 26 Ноя '11
    – etki
    22 фев 2014 в 22:08
  • @Fike, Чёрт. И бывает же. Только что посмотрел вторую его тему, тоже старая. Эхх. А я расписывал. Ладно, другим останется, вдруг кто-то наткнётся и ему полезно будет почитать. :)
    – NekoCoder
    22 фев 2014 в 22:11
  • @intro94, > которому можно задать некий стиль. > Например: > > <div class="my_style" onClick="submit();">текст кнопки</div> Это называется классом, подучите терминологию. Во-вторых, топикстартер просил jQuery код, на что намекает соответствующая метка. В-третьих, не надо писать обработчики событий в HTML коде, если для этого нет веских причин, хороший тон -- вынести все скрипты в подключаемые файлы, для упрощения восприятия кода.
    – Risto
    23 фев 2014 в 6:36
  • @Risto я не сомневаюсь в ваших знаниях, но ставить минус репутации за то, что вам не понравился ответ, это дурной тон. Первое: терминологию я знаю. Не всегда ею пользуюсь, так как не все её могут знать. CSS и HTML я знаю хорошо. Второе: ТС не просил решение именно на jQuery. Внимательно почтайте - он просит решение поблемы. Он попробовал jQuery, но у него не получилось. Вот что он на этот счёт писал. Третье: писать обработчики событий в html-коде это дело каждого. Для кого-то это дурной тон, а для кого-то это удобно. ТС спросил варианты - я ему накидал вариантов. Неправы вы в данной ситуации.
    – NekoCoder
    23 фев 2014 в 8:09
0

Можно имитировать нажатие на кнопку

$("#myform").trigger('click');

1
  • > задан 26 Ноя '11
    – Alex78191
    1 июн 2017 в 19:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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