За последние 24 часа нас посетили 18022 программиста и 1652 робота. Сейчас ищут 1747 программистов ...

Форма для js-ajax, без отправки формы

Тема в разделе "HTML и CSS", создана пользователем VLK, 8 май 2015.

  1. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    Смотрите, есть форма:
    Код (Text):
    1. <form method="GET">
    2. <div>Первое:<br><input type="text" name="first" id="first" required></div>
    3. <div>Второе:<br><input type="text" name="second" id="second" required></div>
    4. <div><input type="button" name="form_button" id="form_button" value="Добавить"></div><br>
    5. </form>
    но отправлять форму на сервер не планируется, при нажатии на кнопку без перезагрузки страницы данные будут отправляться через ajax, так вот вопросы:
    1. method, указывать, не указывать? какой подходит, если отправки не будет?
    2. input type="button" я конечно привяжу событие на эту кнопку, но при клике на нее, допустим если поля выше не заполнены (required), должно об этом писать, а оно не пишет, как сделать что бы писало?
    3. type="button" именно button или тут может что то другое подойдет? при условии что не надо отправлять форму.
     
  2. denis01

    denis01 Суперстар
    Команда форума Модератор

    С нами с:
    9 дек 2014
    Сообщения:
    12.227
    Симпатии:
    1.714
    Адрес:
    Молдова, г.Кишинёв
    просто повесь событие onsubmit на форму, если оно не вернёт true то фора не отправится
     
  3. Deonis

    Deonis Старожил

    С нами с:
    15 фев 2013
    Сообщения:
    1.521
    Симпатии:
    504
    [​IMG]Загадка, однако.
    А зачем вообще метод указывать, если отправлять вы всё равно не собираетесь.
    Для кнопки тип submit
     
  4. VLK

    VLK Старожил

    С нами с:
    15 дек 2013
    Сообщения:
    3.010
    Симпатии:
    58
    Код (Text):
    1. <div>
    2.     <form method="POST" onsubmit="return false;">
    3.         <div><input type="text" required></div><br>
    4.         <div><input type="submit" value="Send"></div><br>
    5.     </form>
    6. </div>
    спасибо, теперь въехал.
     
  5. romach

    romach Старожил

    С нами с:
    26 окт 2013
    Сообщения:
    2.904
    Симпатии:
    719
    Раз ты раскуриваешь Laravel, расскажу один не совсем очевидный момент. Стандартная валидация, кроме обычного поведения (т.е. в случае ошибок возвращаем назад и передаем в шаблон объект с ними) умеет и ajax-вариант. Если отправишь запрос на роут ajax`ом то в ответ тебе придет json-объект с ошибками.