項目が未選択で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()” />
