以前も質問させていただいたのですがお問い合わせフォームに未入力だった時にメッセージを出したいのですが
required="required" を使用するとスマホにした時に送信ボタンが反応しなくなる不具合が出るので
何か他に方法はありますでしょうか。
何卒ご教示お願いいたします。
html部分
<section id="otoiawase"> <img src="images/otoiawase.png"> <article> <div class="contact-form"> <form method="post" action="complete.php"> <table> <tr> <th>お名前<span class="hissu">※</span></th> <td class="pc"> 姓<input type="text" name="name1" id="name1"><br class="mb" /> 名<input type="text" name="name2" id="name2"> </td> <td class="sp"> <p>姓</p><input type="text" name="name1" id="name1"><br class="mb" /> <p>名</p><input type="text" name="name2" id="name2"> </td> </tr> <tr> <th>メールアドレス<span class="hissu">※</span></th> <td> <input type="email" name="mail" id="mail" placeholder="例:000@example.com"> </td> </tr> <tr> <th>メールアドレス<!--<br class="sp">-->(確認)<span class="hissu mail2-span">※</span></th> <td> <input type="email" name="mail" id="mail2" placeholder="例:000@example.com"> </td> </tr> <tr> <th>お問い合わせ内容<span class="hissu">※</span></th> <td> <textarea name="memo" maxlength="300" id="memo" placeholder="300文字以内でご入力ください"></textarea> </td> </tr> </table> <div class="submit-wrap"><input type="submit" name="submit" id="submit" class="square_btn" value="送 信"></div> </form> </div> </article> </section>
php部分
<section id="otoiawase"> <img src="images/otoiawase.png"> <article> <div class="contact-form"> <?php $kind=htmlspecialchars($_POST["kind"]); $name1=htmlspecialchars($_POST["name1"]); $name2=htmlspecialchars($_POST["name2"]); $mail=htmlspecialchars($_POST["mail"]); $memo=htmlspecialchars($_POST["memo"]); $hantei="ng"; if($kind != "" && $name1!="" && $name2!="" && $mail!="" && $memo!=""){ $hantei="ok"; }else{ $hantei="ng"; } //print($hantei); if(!hantei){ print("送信できません。"); }else{ $send_data="【お問合せの種類】".$kind."\n\n【お名前】\n".$name1.$name2."様\n\n【メールアドレス】\n".$mail."\n\n【お問合わせ内容】\n".$memo."\n\n"; //print($send_data); /////////////////////////////////////////////////////送信//////////////////////////////////////////////////////////// $msg="ホームページからお問い合わせがありました。お問い合わせ内容は下記のとおりです。\n\nお問い合わせ内容\n\n".$send_data."\n\n以上、対応をよろしくお願いいたします。"; mb_language("ja"); mb_internal_encoding("UTF-8"); $header=mb_encode_mimeheader($mail); $address="000@000.co.jp"; //------------------------------------------------------------------------------メールアドレスに要変更 $hantei1=mb_send_mail($address,"ホームページからのお問い合わせです。",$msg,"From:".$header); /////////////////////////////////////////////////////お客様に送信//////////////////////////////////////////////////////////// $store_data=" ***************************************************** 000 *****************************************************"; $msg=$name1."様\n\n【000】ホームページからのお問い合わせ誠にありがとうございます。\n下記の内容でお問い合わせを承りました。\nこのメールは自動送信されております。\nお問い合わせをいただきました内容については後程、担当の者よりご連絡させていただきます。\n今しばらくお待ちくださいますようお願い申し上げます。\n\nお問い合わせ内容\n\n".$send_data."\n\n改めまして、お問い合わせ厚く御礼申し上げます。\n\n".$store_data; $title="【000】ホームページからのお問い合わせ誠にありがとうございます"; mb_language("ja"); mb_internal_encoding("UTF-8"); $header=mb_encode_mimeheader("000@000.co.jp"); //------------------------------------------------------------メールアドレスに要変更 $hantei2=mb_send_mail($mail,$title,$msg,"From:".$header); //print("判定1:".$hantei1."<br>"); //print("判定2:".$hantei2."<br>"); if($hantei1 && $hantei2){ print("<p style='padding-top:50px;'>"); print("お問い合わせ、<br class='sp'>誠に有難うございます。<br><br>"); print("お問い合わせいただきました<br class='sp'>内容につきましては、<br class='sp'>担当者より改めてご連絡差し上げます。<br>"); print("万が一、連絡がない場合は<br class='sp'>大変恐れ入りますが、<br>お電話にて<br class='sp'>お問い合わせくださいますよう<br class='sp'>お願い申し上げます。<br><br>"); print("</p>"); print("<p style='margin-bottom:70px;'>"); print("改めまして、<br class='sp'>お問い合わせ厚く御礼申し上げます。"); print("</p>"); print("<p style='margin-bottom:50px;'><a href='index.html'>トップページへ戻る</a></p>"); }else{ print("<p>何らかの理由により送信できませんでした。<br>申し訳ございませんが、お電話でお問い合わせください。</p>"); } } ?> </div> </article> </section>
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。