javascript - フォームのアクションを JavaScript ファイルにする

Question

フォームのアクションを、フォーム内の単一の入力フィールドの値を取得し、その値を警告する JavaScript ファイルにすることは可能ですか。

したがって、送信時に、フォームで送信された入力フィールドの値を取得し、この値を警告します。javascript / jQueryでそれは可能ですか

Answer 1

「アラート」と言ったので、クライアント側の JavaScript を意味していると思います。その場合、答えは「いいえ」です。アクションを JavaScript の疑似 URI に設定することもできますが、それは正気ではありません。代わりにイベント ハンドラを使用してください。

actionフォームのサーバー側ハンドラーを指すことから始めます。( Progressive EnhancementおよびUnobtrusive JavaScriptの原則に従います)。

それで：

1. イベント ハンドラーをフォームの送信イベントにバインドする
2. データを使ってやりたいことをする
3. フォームの通常の動作をキャンセルします

そのような：

<form action="...">
  <label> foo <input name="foo"> </label>
  <input type="submit">
</form>

<script>
  document.querySelector('form').addEventListener('submit', function (event) {
    alert(event.target.elements.foo.value);
    event.preventDefault();
  });
</script>

Answer 2

これはあなたが探しているものですか？

$('form').submit(function() {
  alert($('#inputtxtID').val());
  return false;
});