問題7:入力されたメールアドレスが正しいかどうか判別しよう!
よくサイトで見かけるメールアドレスなどのエラー表示を作りましょう!
以下のコードを使ってください
※見本のinputにひらがなや漢字を入れて確定(Enter)を押しましょう
以下のコードを使ってください
※見本のinputにひらがなや漢字を入れて確定(Enter)を押しましょう
あらかじめエディタに書くコード
<input type="text" placeholder="メールアドレス">
<div class="error">このメールアドレスは正しくありません</div>
¥HTML¥
期待する画面
解答ソースコード
$(function () {
var $error = $(".error");
$error.hide();
$("input").change(function(){
$error.hide();
var a=$("input").val().indexOf("@");
if(a!=0){
$error.show();
}
});
});
¥JavaScript¥
完了にする!
活動記録をTweetする
※実際の実務では、@だけでなくメールアドレスのドメインの整合性など複雑なバリデーションが多いです。