javascriptで簡単な画面を作っています。
*は入力必須で、未記入の場合はメッセージを表示し、入会日は今日よりも前の日付、月例休止開始年月日は月例休止終了年月日より前の日付かをチェックするものを実現したいのですがわかりません。関数を三つ定義して、onclick=""3つ関数を並べて書く、アラーとメッセージが表示された後に、入力した項目がすべて消えてしまいます。なので、date(),date2()関数をmeigara()関数に埋め込んで、ひとつの関数としたいのですが、書き方がわかりません。プログラミングを始めてまだ3ヶ月なのでお手柔らかに・・・
if(!document.data.start.value == "" && !document.data.stop.value == ""){ if(date2()==false){ alert("月例休止開始年月日は月例休止終了年月日よりも後の日付です"); return false; }else(date2()==true){ return true; } } else{ window.open("会員情報登録確認.html"); } } function reset() { document.getElementById("txt"); } function backtogo(){ window.open("会員情報初期画面.html"); } //入会年月日は今日より前かどうか function date(){ var now = new Date(); var year = now.getFullYear(); var month= now.getMonth(); var day=now.getDay(); text1=document.data.nyuukai.value; var year2=text1.substring(0,4); var month2=text1.substring(4,6); var day2=text1.substring(6,9); var ima = new Date(year,month,day) var atai= new Date(year2,month2,day2) if(ima < atai){ alert("入会年月日は今日よりも前の日付を入力してください"); return false; } } //月例休止開始年月日は月例休止終了年月日よりも後の日付か function date2(){ text1=document.data.start.value; var year1=text1.substring(0,4); var month1=text1.substring(4,6); var day1=text1.substring(6,9); text2=document.data.stop.value; var year2=text2.substring(0,4); var month2=text2.substring(4,6); var day2=text2.substring(6,9); var kaishi = new Date(year1,month2,day2) var syuryo= new Date(year2,month2,day2) if(kaishi > syuryo){ return false; }else{ return true; } }
</script> </head> <body> <table> <tr> <td width="150px">入力部店</td><td width="700px">200 投信自己</td> </tr> </table><br> <table class="center"> <tr> <td width="150px">持株会コード</td> <td width="600px">298165 00000</td></tr> <tr> <td>会員コード</td><td>AA48527012</td> </tr> </table><br> <form name="data" method="post" action="#"> <div>会員基本情報</div> <table class="center"> <tr> <td width="150px">企業コード*</td> <td colspan="4" width="600px"><input type="text" name="kigyou" style="width:100px;"> </td> </tr> <tr> <td>事務所コード</td> <td colspan="4"><input type="text" name="jimusyo" style="width:100px;"></td> </tr> <tr> <td>所属コード</td> <td colspan="4"><input type="text" name="shozoku" style="width:100px;"></td> </tr> <tr> <td>社員コード*</td> <td><input type="text" name="syain" style="width:100px;"></td> <td>入会年月日<br>(YYYYMMDD)*</td> <td><input type="text" name="nyuukai" style="width:100px;"></td> </tr> <tr> <td>氏名(カナ)*</td> <td><input type="text" name="namekana" style="width:200px;"></td> <td>氏名(漢字)*</td> <td><input type="text" name="namekanji" style="width:200px;"></td> </tr> <tr> <td>性別*</td> <td>男<input type="radio" name="sex" value="man"> 女<input type="radio" name="sex" value="woman"></td> <td>メールアドレス</td> <td><input type="text" name="mail" style="width:200px;"></td> </tr> <tr> <td>振替部店コード</td> <td><input type="text" name="huri" style="width:100px;"></td> <td>振替口座番号</td> <td><input type="text" name="kouza" style="width:100px;"></td> </tr> <tr> <td>税コード</td> <td colspan="3"> <select id="time" name="tax" onchange="chg()" width="180px";> </select></td> </tr> <tr> <td>郵便番号</td> <td><input type="text" name="post" style="width:50px;" maxlength="3"> - <input type="text" name="post2" style="width:50px;" maxlength="4"></td> <td>住所コード</td> <td><input type="text" name="adress" style="width:100px;"></td> </tr> <tr> <td>住所(カナ)</td> <td colspan="4"><input type="jyusyokana" name="jimusyo" style="width:450px;"></td> </tr> <tr> <td>住所(漢字)</td> <td colspan="4"><input type="jyushokanji" name="jimusyo" style="width:450px;"></td> </tr> <tr> <td>住所ステータス</td> <td><input type="checkbox" name="sta1"> 住所不明</td> <td>会員ステータス</td> <td><input type="checkbox" name="sta2"> 退社済み</td> </tr> </table> <br> <div>会員拠出情報</div> <table class="center"> <tr> <td width="150px">提出開始年月日*<br>(YYYYMMDD)</td> <td colspan="4" width="600px"><input type="text" name="go" style="width:100px;"> </td> </tr> <tr> <td width="150px">月例拠出口数</td> <td colspan="4" width="500px"><input type="text" name="kazu" style="width:100px;">口 </td> </tr> <tr> <td>月例休止開始年月日<br>(YYYYMMDD)</td> <td><input type="text" name="start" style="width:100px;"></td> <td>月例休止終了年月日<br>(YYYYMMDD)</td> <td><input type="text" name="stop" style="width:100px;"></td> </tr> <tr> <td>賞与拠出口数</td> <td colspan="3"><input type="text" name="syouyo" style="width:100px;">口</td> </tr> <tr> <td>賞与休止状況</td> <td colspan="3"><input type="checkbox" name="jyoukyou">休止中</td> </tr> </table> <p> ``` <input type="submit" value="確認" onclick="return meigara()">
</html><input type="submit" value="戻る" onclick="backtogo();"> </p> </form> </body>
回答3件
あなたの回答
tips
プレビュー