JSFiddle - React, Tailwind, and code Playground

HTML

<form id="form">
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="text">
  <input type="text">
  <button name="submit">Отправить</button>
</form>

CSS

#form {
  display: flex;
  flex-flow: column;
}

JavaScript

class Test {

	constructor() {
  	this.form = document.getElementById( 'form' );
  	this.form.addEventListener( 'submit', this.first.bind( this ));
  }
  
  first( e ) {
  	e.preventDefault();
  	alert( "First!" );
    this.form.removeEventListener( 'submit', this.first );
    this.form.addEventListener( 'submit', this.second.bind( this ));
  }
  
  second( e ) {
  	e.preventDefault();
  	alert( "Second!" );
  }
}

new Test();