Событие, требующее триггера, когда вы нажимаете кнопку внешнего доступа

Question

Ниже приведен фрагмент, который я пытаюсь сделать, чтобы использовать требуемое событие в любом из полей ввода внутри формы, когда нажимаем следующую кнопку, которая находится вне формы (означает, что форма остановится и не будет отправлена, и появится уведомление html5). Любые идеи, как достичь этого?

$(document).ready(function(){ 
 
    $(document).on("click", "button", function(){ 
 
    
 
    
 
    }); 
 
    
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<form action="" method="post"> 
 
    <input name="test" value="" placeholder="your name" required /> 
 
    <button>save</button> 
 
</form> 
 

 
<button>Next</button>

Answer 1

Вы используете <button> элемент. Для подтверждения формы вам необходимо отправить форму нажатием на <input type="submit">. Добавьте один из них, но скройте его из представления.

<form action="" method="post"> 
    <input name="test" value="" placeholder="your name" required /> 
    <button>save</button> 
    <input type="submit" class="hiddenSubmit" /> 
</form> 

<button class="next">Next</button> 

Затем, когда кнопка «Next» нажата, вызвать щелчок на кнопке скрытых представить:

$(document).ready(function(){ 
    $(document).on("click", "button.next", function(){ 
    $(".hiddenSubmit").trigger("click"); 
    }); 

}); 

Like so.

Было бы идеально, если ваша форма была построена по-разному, но я предполагаю, что вы застряли в этом макете.