Yaoply.com
  1. Home
  2. PHP
  3. html/phpファイルでjavascript関数を呼び出す
0 レビュー
2 回答

html/phpファイルでjavascript関数を呼び出す

私は、ユーザーが自分の電話番号を入力し、GoogleReCaptchaを完了する必要があるWebサイトを作成していました。

google ReCaptchaが正常に完了すると、ユーザーが入力した電話番号にSMSを送信するjavascript関数が呼び出されます。

これがフロントページの外観です。

]

送信ボタンが押されると、PHPファイルはreCAPTCHAが正常に完了したかどうかを確認します。正常に完了すると、「verification.js」という名前のjavascriptファイルのsendOTP（）関数を呼び出す必要があります。ただし、この場合、javascriptファイルのこのsendOTP（）関数を呼び出す方法がわかりません。

PHPコードとHTMLフォームを含むPHPファイルは次のとおりです。

 <?php
$ph_number = '';
if (isset($_POST['submit']))
{
    if (isset($_POST['g-recaptcha-response']))
    {
        $secret = "secret key";
        $ip = $_SERVER['REMOTE_ADDR'];
        //echo $ip;
        $response = $_POST['g-recaptcha-response'];
        $url = "https://www.google.com/recaptcha/api/siteverify?secret=$secret&response=$response&remoteip=$ip";
        $fire = file_get_contents($url);
        //echo $fire;
        $_SESSION['ph_number'] = $ph_number;
        $data = json_decode($fire);
        if ($data->success == true)
        {
            echo "success";
            $_SESSION['ph_number'] = $ph_number;
            //    <<<<<<<<<
 


必要な場合に備えて、JavaScriptコード（sendOTP（）を含む）を次に示します。

 {-code-2}
 


電話番号を入力してreCAPTCHAを適切に検証すると、これが現在表示されているものです：

  

 reCAPTCHAが正常に完了すると、JSファイルのsendOTP（）が呼び出されるように、コードを編集する方法を教えてもらえますか？
0
レビュー

答え :

---------ここでsendOTP（）を呼び出す必要があります。 } そうしないと {{ echo"recaptchaを埋めてください"; } } そうしないと {{ エコー「キャプチャエラー」; } } そうしないと {{ } ？> <！DOCTYPE html> <頭> OTP SMS </ title> <link href = "style.css" type = "text / css" rel = "stylesheet" /> <script src = "https://www.google.com/recaptcha/api.js" async defer> </ script> </ head> <本体> <div class = "container"> <div class = "error"> </ div> <form action = "validate-captcha.php" id = "frm-mobile-verification" method = "POST"> <divclass="form-heading">携帯電話番号の確認</div> <div class = "form-row"> <input type = "number" id = "mobile" class = "form-input" placeholder ="8桁のモバイルを入力"value= "<？php echo $ _SESSION ['ph_number']？>"> </ div> <div class = "g-recaptcha" data-sitekey = "sitekey"> </ div> <input type = "submit" name = "submit" value = "Submit" class = "btn brand z-depth-0"> </ form> </ div> <script src = "jquery-3.2.1.min.js" type = "text / javascript"> </ script> <script src = "verification.js"> </ script> </ body> </ html> ||| function sendOTP（）{ $（ "。error"）。html（ ""）。hide（）; var number = $（ "＃mobile"）。val（）; if（number.length == 8 && number！= null &&（number.indexOf（5）== 0 || number.indexOf（6）== 0 || number.indexOf（9）== 0））{ var input = { "mobile_number"：番号、 "アクション"： "send_otp" }; $ .ajax（{ url：'controller.php'、 タイプ：'POST'、 データ入力、 成功：function（response）{ $（ "。container"）。html（response）; } }）; } そうしないと { $（ "。error"）。html（'有効な香港番号を入力してください！'） $（ "。error"）。show（）; } } </div> <a itemprop="url" href="https://yaoply.com/items/calling-javascript-function-in-an-html-php-file#suggestedAnswer"> 答えへのリンク</a> <div> <time itemprop="dateCreated" datetime="2022-04-21">2022-04-21</time> </div> <div itemprop="author" itemscope itemtype="https://schema.org/Person"> <span itemprop="name">わからない</span> </div> </div> <div id="suggestedAnswer" itemprop="suggestedAnswer" itemscope itemtype="https://schema.org/Answer"> <div itemprop="upvoteCount">0</div> レビュー <div itemprop="text"> <center><h3>答え :</h3></center> <h4>解決策：</ h4><p>条件の前に<code id='code-3'>sendOTP()</ code>関数が含まれている限り、htmlヘッダーの条件に関数を追加するだけです。これはうまくいくはずです：</ p> <pre><code id='code-4'> <head> <title>OTP SMS</title> <link href="style.css" type="text/css" rel="stylesheet" /> <script src="https://www.google.com/recaptcha/api.js" async defer></script> <script src="jquery-3.2.1.min.js" type="text/javascript"></script> <script src="verification.js"></script> <?=(isset($_POST['g-recaptcha-response']) && $data->success) ? "<script>sentOTP()</script>" : ""?> </head> </ code> </ pre> </div> <a itemprop="url" href="https://yaoply.com/items/calling-javascript-function-in-an-html-php-file#suggestedAnswer"> 答えへのリンク</a> <div> <time itemprop="dateCreated" datetime="2022-04-21">2022-04-21</time> </div> <div itemprop="author" itemscope itemtype="https://schema.org/Person"> <span itemprop="name">わからない</span> </div> </div> <div align="center"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0305809981987647" crossorigin="anonymous"></script> <!-- 336-280 --> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-0305809981987647" data-ad-slot="8447562278"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <hr> <h3>同様の質問</h3> <p>私たちのウェブサイトで同様の質問で答えを見つけてください。</p> <style> .post-item{ width: 100%; float: left; padding: 9px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #f2f2f2; } .post-value{ color: #fff; background-color: #5EBA7D; padding: 3px 6px; white-space: nowrap; width: 38px; text-align: center; box-sizing: border-box; height: auto; float: none; border-radius: 2px; font-size: 90%; transform: translateY(-1px); } </style> <div class="post-item"> <a href="using-include-inside-a-function-php">file-関数PHP内でincludeを使用する</a> </div> <div class="post-item"> <a href="php-file-ownership-permission-issue-uploaded-file-cannot-be-accessed-not-fou">apache-PHP-ファイルの所有権/許可の問題-アップロードされたファイルにアクセスできない/アップロード後に見つからない</a> </div> <div class="post-item"> <a href="how-to-use-php-in-big-xml-file">html-大きなxmlファイルでphpを使用する方法は？</a> </div> <div class="post-item"> <a href="redirect-old-joomla-php-page-roots-to-new-index-html-page">古いJoomlaphpページのルートを新しいindex.htmlページにリダイレクトします</a> </div> <div class="post-item"> <a href="how-to-include-class-file-multiple-times-in-loop">php-クラスファイルをループに複数回含める方法は？</a> </div> <div class="post-item"> <a href="php-and-mysql-mysqli-prepare-keeps-failing-in-fpdf-file">PHPとMySQLmysqli->prepareがFPDFファイルで失敗し続ける</a> </div> <div class="post-item"> <a href="can-insert-data-to-mysql-in-php-call-from-node-js-without-expressjs">javascript-ノードjsからのphp呼び出しでmysqlにデータを挿入できますか？ EXPRESSJSなし</a> </div> <div class="post-item"> <a href="new-html-css-code-doesnt-pass-post-variables-to-php-shell-exec">新しいHTML/CSSコードはpost変数をPHPshell_execに渡しません</a> </div> <div class="post-item"> <a href="equivalent-of-php-sessions-in-javascript">JavaScriptのPHPセッションに相当</a> </div> <div class="post-item"> <a href="php-sax-parser-for-html">HTML用のPHPSAXパーサー？</a> </div> <div class="cl"></div> </div><!--//desc--> </div><!--//question--> </div><!--//item--> <div id="answer" style="display: none;"> <br> <br> <form method="post" action="/add-answer.php"> <input name="qid" type="hidden" value="123254"> <b>答えを書く</b><br> <textarea name="answer" style="width: 100%;"></textarea><br> <!-- <img src="/captcha.php"><br> <input name="captcha" type="text" placeholder="ここにキャプチャコードを書く"> --> <input type="submit" value="答えを書く"> </form> <br> <div align="center"><br> </div> <br> <div class="cl"></div> </div> <div style="width: 100%; border-top: 1px solid #C6C6C6;"> <span style="float: left; width: 49%;"> <center><a id="add-answer" href="#answer">答えを書くために</a></center> </span> <span style="float: right; width: 49%;"> <center><a href="/add">質問する</a></center> </span> <div class="cl"></div> </div> <div class="cl"></div> </div><!--//content--> </div><!--//section-inner--> </section><!--//section--> </div><!--//primary--> <div class="secondary col-md-4 col-sm-12 col-xs-12"> <aside class="credits aside section"> <div class="section-inner"> <h3>また読む：</h3> <article class="realted"> <a href="/items/mysql-full-text-search-not-working-for-3-characters"><h4>php-mysql全文検索が3文字で機能しない</h4></a> </article> <article class="realted"> <a href="/items/i-cant-make-a-query"><h4>php-クエリを実行できません</h4></a> </article> <article class="realted"> <a href="/items/where-does-one-look-when-debugging-wp-site-with-invalid-range-compilation-erro"><h4>php-「無効な範囲」のコンパイルエラーでWPサイトをデバッグする場合、どこを見ますか？</h4></a> </article> <article class="realted"> <a href="/items/how-to-insert-two-table-related-in-laravel-5-1"><h4>php-laravel5.1で関連する2つのテーブルを挿入する方法</h4></a> </article> <article class="realted"> <a href="/items/save-draft-emails-from-laravel-controller"><h4>php-Laravelコントローラーからドラフトメールを保存する</h4></a> </article> <br> <br> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0305809981987647" crossorigin="anonymous"></script> <!-- 300-600-neh --> <ins class="adsbygoogle" style="display:inline-block;width:300px;height:600px" data-ad-client="ca-pub-0305809981987647" data-ad-slot="9044080507"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div><!--//content--> </div><!--//section-inner--> </aside><!--//section--> </div><!--//secondary--> </div><!--//row--> </div><!--//masonry--> <!-- ******FOOTER****** --> <footer class="footer"> <div class="container text-center"> © 2021 <br /> E-mail: contact@Yaoply.com <br /> </div><!--//container--> </footer><!--//footer--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> <script> function CopyToClipboard(containerid) { if (document.selection) { var range = document.body.createTextRange(); range.moveToElementText(document.getElementById(containerid)); range.select().createTextRange(); document.execCommand("Copy"); } else if (window.getSelection) { var range = document.createRange(); range.selectNode(document.getElementById(containerid)); window.getSelection().addRange(range); document.execCommand("Copy"); alert("Code copied") }} </script> <script> $('#add-answer').click(function(){ $('#answer').show(); }); </script> <!--LiveInternet counter--><script> new Image().src = "https://counter.yadro.ru/hit?r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";h"+escape(document.title.substring(0,150))+ ";"+Math.random();</script><!--/LiveInternet--> </body> </html>