問題
7
jQuery
入力されたメールアドレスが正しいかどうか判別しよう！
jQueryの問題に挑戦しよう！
問題
「入力されたメールアドレスが正しいかどうか判別しよう！」
よくサイトで見かけるメールアドレスなどのエラー表示を作りましょう！
以下のコードを使ってください
※見本のinputにひらがなや漢字を入れて確定(Enter)を押しましょう
あらかじめエディタに書くコード
<input type="text" placeholder="メールアドレス">
<div class="error">このメールアドレスは正しくありません</div>
¥HTML¥
期待する画面
解答と解説（入力されたメールアドレスが正しいかどうか判別しよう！）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
まずerrorを隠します。その後、inputが改変された時をトリガーにしてinputの中身、つまりvalueをvalによって取得し、indexOfに@を与えて取得した情報に@が含まれるなら0をそうでないなら −１を返すようにしてそれを変数に代入してそれをif文で判別してエラーを出すようにすれば完成です。
※実際の実務では、@だけでなくメールアドレスのドメインの整合性など複雑なバリデーションが多いです。
