Как навесить событие на один из сабмитов в форме?

Question

[Павел]

Суть вопроса, есть форма с 2 сабмитами:

<form action="#" id="myform">
      
      <div class="fields">
        <input type="text" id="field_1">
        <input type="text">
        <input type="text">
      </div>
      
      <input type="submit" value="1" id="submit_1" name="submit_1">
      <input type="submit" value="2" id="submit_2" name="submit_2">
      
    </form>

необходимо отслеживать поле #field_1 и после запустить клик по кнопке #submit_1. Накатал быстро на jQuery - но не срабатывает, - подскажите где ошибка ?

$(document).ready(function(){
  
  $('#field_1').change(function(){
    $('#myform input[name="submit_1"]').click();
    /*
    $('#myform input[name="submit_1"]').submit();
    $('#myform input[name="submit_1"]').trigger('click');
    $('#myform input[name="submit_1"]').trigger('submit');
    */
  });
  
});

Answer 1

[Антон]

Как бы, тут всё в целом ошибка...
Во-первых, зачем вам 2 сабмита в форме? Во-вторых, что из Вашего кода вообще должно сработать, если в обработчике клик - пусто?
https://jsfiddle.net/y9ffepek/

Comments

[Павел]

2 сабмита используете повсеместно везде - например, при оформлении заказа - 2 кнопки:

• Обновить корзину
  
• Оформить заказ
  

в click() не обязательно что-то передавать, если необходимо навесить событие на элемент.