JavaScriptでのGETメソッドを使用したフォーム送信

例を使って、GETメソッドによるフォーム送信を実装してみましょう。数値を入力するフォームがあるとします：

<form action="/handler/" method="GET">
	<input name="num1">
	<input name="num2">
	<input type="submit">
</form>

サーバーが送信された数値の合計を見つけ、結果をブラウザに送り返すとします。まず、送信された数値を取得しましょう：

export default {
	'/handler/': function({get}) {
		console.log(get.num1);
		console.log(get.num2);
		
		return 'form data received';
	}
}

次に、それらの合計を見つけ、ブラウザに送り返しましょう：

export default {
	'/handler/': function({get}) {
		return Number(get.num1) + Number(get.num2);
	}
}

数値を入力する5つの入力フィールドを持つフォームを作成してください。サーバーが送信された数値の平均を計算し、結果をブラウザに送り返すようにします。

ユーザーに名前、姓、父称を尋ねてください。データをサーバーに送信します。サーバーが応答として送信成功のメッセージを返すようにします。

ユーザーに年-月-日形式で日付を尋ねてください。日付をサーバーに送信します。サーバーに日付の形式の正確性をチェックさせます。日付が正しい場合は成功メッセージを返し、正しくない場合は失敗メッセージを返すようにします。