buttonのformnovalidate属性を使えるとバリデーションを実行しないボタンを作ることができます。

formnovalidate属性を指定しないボタンは、通常とおりバリデーションが実行されます。

<form action="save.html" method="post">
    <input name="user_name" required>
    <button type="submit">バリデーションを実行して送信</button>
    <button type="submit" formnovalidate>バリデーションを実行しないで送信</button>
</form>

 

HTML5を上手に使うと、Jsのコードが減っていいですね〜

よろしくどうぞ!