0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

JavaScriptの質問です。

Posted at

プログラミング初心者です。
制作しているWebサイトに以下のような登録フォームを作ろうとしております。

コメント 2020-06-18 133632.jpg

javaScriptの知識が全くないので、ネット上からよさそうなコードをコピペし、以下のようなコードを入れてGoogleフォームを組み込んで作りました。

<form action="https://docs.google.com/forms/●●●" 
    method="post" name="registrationForm" target="dummyIframe">
        
        <label for="company">企業名[必須]</label>
        <input id="company" required type="text" name="entry.●●●" placeholder="">
        
        <label for="name">担当者名[必須]</label>
        <input id="name" required type="text" name="entry.●●●" placeholder="">
        
        <label for="address">メールアドレス[必須]</label>
        <input id="address" required type="email" name="entry.●●●" placeholder="">
        
        <br><br>
        <input type="submit" id="submit_botton2" value="登録する" onclick="sendGform()">
    </form>
    <iframe name="dummyIframe" style="display:none;"></iframe>
    
<div id="thxMessage" style="display:none;">ご登録ありがとうございます。</div>

<script>
function sendGform(){
   document.myForm.submit();
   document.getElementById('formWrapper').style.display = 'none';
   document.getElementById('thxMessage').style.display = 'block';
}
</script>

<script>
function showThxMessage(){
   var email = document.registrationForm.emailAddress.value;
   if(email !== ''){
       var thxDiv = document.getElementById('thxMessage');
       thxDiv.getElementsByTagName('span')[0].innerHTML = email;
       document.myForm.reset();
       document.getElementById('formWrapper').style.display = 'none';
       thxDiv.style.display = 'block';
   }
</script>

しかし、現状ですとフォームに何も入力せずに「登録する」ボタンを押しても、「ご登録ありがとうございます」というサンクスメッセージが出てしまいます。

フォームが未入力の場合はサンクスメッセージを出さないようにしたいのですが、どのようなコードを入力すればよいのでしょうか。

初歩的な質問で恐縮ですが、ご教示いただけますと嬉しいです。
よろしくお願いいたします。

0
0
3

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?