フロントエンド - JavaScript/jQuery - 条件分岐

[fr-sasaki]

■目的

jQueryでの条件分岐の書き方について学びます。

■課題

以下の要素をHTMLファイルの<article>タグ内に追加して下さい。

<form action="#" method="get">
  <input type="text" name="val"><input type="submit" value="送信">
</form>

送信を押したら、テキストフィールドの値によってアラートを表示する条件分岐を実装して下さい。

• 入力した値が空だったら入力して下さいとアラート表示
• 入力した値が数字だったら数字ですとアラート表示
• 入力した値が上記以外だったら数字以外ですとアラート表示