Q&A
初心者アイコンを質問につければ良いのでわざわざ書く必要はありません。質問は編集できます
前提・実現したいこと
関数で印刷可否・件名・内容について確認し
どれか一つでもエラーの場合falseを返して、送信処理を中断したいのですが
エラーのアラートは出ても送信はされてしまうという状況です。
発生している問題・エラーメッセージ
エラー検出の状態でも送信されてしまう
該当のソースコード
<html> <link href="style.css" rel="stylesheet" type="text/css"> <script> function radioCheck(){ //ラジオボタンのアラート表示 var flag = false; if(document.print1.radio1.checked){ flag=true; }else if(document.print1.radio2.checked){ flag=true; } if(!flag){ alert("印刷可否が選択されていません。"); } } function kenmeiCheck(){ //件名のアラート表示 var txt = document.kenmei1.kenmei.value; var mojisu = txt.length; var moji = ["\""]; var moji2 = ["\'"]; var moji3 = ["\”"]; var moji4 = ["\’"]; if(mojisu > 20) { alert("件名は20文字以内で入力してください。現在"+mojisu+"文字"); return false; } else if(mojisu < 1) { alert("件名が入力されていません。"); return false; } else if(txt.includes(moji)) { alert("件名にダブルクォート、シングルクォートは入力できません。"); return false; } else if(txt.includes(moji2)) { alert("件名にダブルクォート、シングルクォートは入力できません。"); return false; } else if(txt.includes(moji3)) { alert("件名にダブルクォート、シングルクォートは入力できません。"); return false; } else if(txt.includes(moji4)) { alert("件名にダブルクォート、シングルクォートは入力できません。"); return false; } } function naiyouCheck(){ //内容のアラート表示 txt = document.naiyou1.naiyou.value; var mojisu2 = txt.length; if(mojisu2 > 1000){ alert("内容は全角1000文字以内で入力してください。現在"+mojisu2+"文字"); return false; } } function Check(){ radioCheck(); kenmeiCheck(); naiyouCheck(); } </script> <form> <tr> <input type = "button" value = "印刷" onclick = "none" style = "width:100";><!印刷ボタン!> </tr></form> <table border= "1" width = "700"> <font color = "white"> <tr align = "center"> <td bgcolor = "cornflowerblue" > <font color = "white">作成日</td> </font> <td><input type = "text" value=""placeholder="2021年8月3日" name = "sakuseibi" maxlength ="11" style = "width:100%";></td> <td bgcolor = "cornflowerblue"> <font color = "white">更新日</td> </font> <td><input type = "text" value=""placeholder="2021年11月22日" name = "kousinbi" maxlength ="11" style = "width:100%";></td> </tr> <tr align = "center" > <td bgcolor = "cornflowerblue"> <font color = "white">作成者</td> </font> <td><input type = "text" style = "width:100%";></td> <td bgcolor = "cornflowerblue"> <font color = "white">更新者</td> </font> <td><input type = "text" style = "width:100%";></td> <tr align = "center";> <td bgcolor = "cornflowerblue"> <font color = "white">印刷可否</td> </font> <td colspan="3" align = "left"> <form name = "print1"> <label><input id ="radio1" type = "radio" name = "print" value = "yes"> 可 </label> <label><input id ="radio2" type = "radio" name = "print" value = "no"> 不可 </label> </form> </td> </tr> <tr align = "center" > <td bgcolor = "cornflowerblue"> <font color = "white">件名</td> </font> <form name = "kenmei1" ><td colspan="3"> <input type = "text" name = "kenmei" style = "width:100%";> </form></td> </tr> <tr height = "200" align = "center" > <td bgcolor = "cornflowerblue"> <font color = "white">内容</td> </font> <td colspan="3"><form name = "naiyou1"> <textarea name="naiyou" style = "width:100%;height:300px"> </textarea></form></td></tr> </table> <br> <form method ="post" onSubmit="return Check();"> <input type = "submit" value = "送信" style = "width:100;height:50"> </form> </html>
試したこと
elseでTrueを指定する。
下部のonSubmit=
で3つの関数を指定
補足情報（FW/ツールのバージョンなど）
教えていただきありがとうございます、訂正しました。
回答1件
0
ベストアンサー
まずは各functionにreturnを指定してあげて下さい
check()が3つのfunctionすべてtrueかチェックするなら
javascript
1function Check(){ 2 return radioCheck() && 3 kenmeiCheck() && 4 naiyouCheck(); 5}
投稿2021/08/04 04:32
総合スコア116724
御返答いただきありがとうございます。
早速やってみました。
うまくうごいてくれました！！
助かりました、本当にありがとうございます。
あなたの回答
tips
プレビュー
