フォームを入力したのに未送信の場合に警告を表示するJS
- 2019.01.25
- WEB制作
- JavaScript
フォーム入力後、ページ移動するときにフォームが未送信の場合、に警告を表示するJSでコードです。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
$(function() { var isChanged = false; $(window).bind("beforeunload", function() { if (isChanged) { return "フォームが未送信です"; } }); $("form.beforeunload input, form.beforeunload select, form.beforeunload textarea").change(function() { isChanged = true; }); $("form").on('submit', function() { isChanged = false; }); }); |
デモ
See the Pen jdWOeR by mizusawa (@webty_mizusawa) on CodePen.
-
前の記事
Bootstrap4でスムーススクロールを導入する 2019.01.22
-
次の記事
デザインに困った時にやる事 2019.01.29