宗教上家系ラー食

宗教上の都合家系ラーメン食べます。

仕事関係のIT情報(ソフト、ハート、ガジェット、周辺機器)から趣味の写真、株、バイク等幅広く何でも書いていく備忘録的ブログです。

MENU

javascriptで項目が未選択だった場合アラートを出す方法

お題「どうしても言いたい!」

「javascript アラート」の画像検索結果
 

項目が未選択でsubmitした場合に、javascript警告アラートをポップさせる方法を実装したので
備忘録的に記録して、共有したい。

やりたいこと

今回は、ドロップダウンリスト(セレクトボックス)で項目を未選択のまま
登録ボタンで更新かけようとした直前でアラートを出すこと行う。

コード

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script>
function validation(){
if (document.forms.formName.selectddl.value == "" ){
alert("未選択やがな");
return false;
}
return true;
}

</script>
</head>
<body>
<form name="formName" action="docName" method="post">
<select class="td-text" name="selectddl" onChange="">
<option value=""></option>
<option value="1">選択肢1</option>
<option value="2">選択肢2</option>

<input type="submit" value="更新" onClick="return validation()" />
</form>
</body>
</html>

 


みそ ポイント

・HTMLでフォームに名前をつけること

<form name="formName" action="docName" method="post">

 

・更新ボタンにオンクリックでファンクションに誘導すること。
 その時に”return”をつけることを忘れない。

<input type="submit" value="更新" onClick="return validation()" />

このブロク《宗教上の都合家系ラーメン食べます

ぜひお願いします⇛

もう一つ運営してます。《くがやまあおいのお薬出しておきますね。

こちらもぜひ⇛

 

にほんブログ村 IT技術ブログ IT技術メモへ

にほんブログ村 ライフスタイルブログ ライフスタイル情報へ