all sm md lg xl 2xl

JavaScriptでフォームの入力チェック

2022-06-29

One minute to read

Table of Contents

Javascript

ポイント1:チェックするファイルにJavascriptを読み込むようにリンクを記述する。 [#mddb9b46]

 <head>
  <script type="text/javascript" src="js/nullcheck.js"></script>
 </head>

ポイント2:フォームにsubmitした時の項目と名前をつける。 [#c893b5f6]

変更前 [#e1c03291]

  <form action="regist.php" method="post">

変更後 [#e3a0cee2]

 <form name="registform" action="regist.php" method="post" onSubmit="return checkform()" >

空文字入力チェックJavascript [#fbfb0dbb]

 function checkform(){
         if (document.registform.intoout.value == ""){
 	    alert("支出か入金かを選択してください。");
 	    return false;
 	    }

-checkformの個所がformのonSubmitで指定した関数名 -registformの個所がformのnameで指定したフォームの名前 -intooutがformの各項目のnameで指定した名前 -alertがポップアップで表示させるエラーの内容