自作のフォーム
<form method="post" action="https://yuhito-ishitsuka.com/fx/world"> <div class="box"> <div class="input_box"> <input class="mail-box" type="email" name="email" placeholder="メールアドレスを入力してください"> </div><!-- /.input_box --> <div class="btn"> <a href="https://yuhito-ishitsuka.com/fx/world"> <input type="image" src="./instabranding_opt-assets/I_btn.webp" alt="送信する" value="送信する"> </a> </div><!-- /.btn --> </div><!-- /.box --> </form>
リンク先URLのコード
<form method="post" action="https://yuhito-ishitsuka.com/fx/world"> <div class="box"> <div class="input_box"> <input class="mail-box" type="email" name="email" placeholder="メールアドレスを入力してください"> </div><!-- /.input_box --> <div class="btn"> <a href="https://yuhito-ishitsuka.com/fx/world"> <input type="image" src="./instabranding_opt-assets/I_btn.webp" alt="送信する" value="送信する"> </a> </div><!-- /.btn --> </div><!-- /.box --> </form>
最初に自作した<<input class="mail-box" type="email" name="email" placeholder="メールアドレスを入力してください">のメールアドレスの内容を
リンク先にある
<input_box>の<input>に渡したいのですが、どこにJavascriptのコードをどのように書いていいかもわからず困っています。
参考になるかわかりませんが、リンク先にはBootstrapの記述がありあます。
引用テキスト
<!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script type="text/javascript" src="https://expt.freetls.fastly.net/d90235614af5904720988428bbd5f8ac19ed1fd2/assets/js/jquery-1.11.1.min.js"></script><script type="text/javascript" src="https://expt.freetls.fastly.net/d90235614af5904720988428bbd5f8ac19ed1fd2/assets/js/jquery.ah-placeholder.js"></script><script type="text/javascript" src="https://expt.freetls.fastly.net/d90235614af5904720988428bbd5f8ac19ed1fd2/assets/js/bootstrap.min.js"></script><script type="text/javascript" src="https://expt.freetls.fastly.net/d90235614af5904720988428bbd5f8ac19ed1fd2/assets/js/page.js"></script><script type="text/javascript" src="https://expt.freetls.fastly.net/d90235614af5904720988428bbd5f8ac19ed1fd2/assets/js/exp-bootbox.js"></script><script type="text/javascript"> //<![CDATA[ var noticeOn = function(text) { $('#JsMailNotice').html(text); $('#JsMailNotice').css('display', 'block'); } var noticeOff = function() { $('#JsMailNotice').html(""); $('#JsMailNotice').css('display', 'none'); } $(document).ready(function() { $('#MasterSubscriberMail').on('input', function() { noticeOff(); var mail = $('#MasterSubscriberMail').val(); var parts = mail.split('@'); if(parts.length < 2) { return; } var domain = parts[parts.length-1]; var notice_list = [ 'icloud.com', 'me.com', 'mac.com', 'hotmail.com', 'hotmail.co.jp', 'outlook.com', 'outlook.jp', 'live.com', 'live.jp', 'msn.com' ]; if(notice_list.indexOf(domain) >= 0) { noticeOn('<span class="f11" style="color: #FF3344;">' + domain + 'は、高確率でメールが届かない可能性がございます。<br>確実な受信の為に、GmailまたはYahooメールでのご登録を推奨しております。</span>'); } }); }); //]]> </script>