複数のJS送信ボタン付き

Question

フォームを完全に送信し、ページがローカルに再ロードされないようにするフォームを作成しました。

ウェブサイトに投稿され、ハンドラ（SalesForce）を接続しようとするとすぐに、フォームはまだ提出されますが、ページがリロードされ、私たちはそれを持っていません。ひとたび「送信」ボタンがクリックされると明らかになるデータがあるので。ボタンは複数のJSと機能を制御しています。

誰でもコードを見て、どこに問題があるのか​​確認できますか？

<div> 
<div class="columns medium-6"> 

<script type="text/javascript"> 
       function randomnumber() { 
        document.forms[0].Code.value=(Math.round(Math.random()*999999+1)); } 
       onload=randomnumber 
      </script> 

      <div class="form-group"> 
       <label for="firstname">First Name</label> 
       <input type="text" class="form-control" name="first_name" id="firstname" aria-describedby="firstname" placeholder="First Name"> 

       <label for="lastname">Last Name</label> 
       <input type="text" class="form-control" name="last_name" id="lastname" aria-describedby="lastname" placeholder="Last Name"> 

       <label for="email">Email address</label> 
       <input type="text" class="form-control" name="email" id="email" aria-describedby="email" placeholder="Email"> 

       <label for="phone">Phone</label> 
       <input type="text" class="form-control" name="phone" id="phone" aria-describedby="phone" placeholder="Phone"> 

       <!--<input type="hidden" name="Owner" value="00G1a000001I7EA"> --> 
       <input type="hidden" name="form_type" value="CSF"> 
       <input type="hidden" name="visitor_type" value="NEW-CUST"> 
       <input type="hidden" name="party_size" value="1"> 
       <input type="hidden" name="source" value="Love Happens Here"> 
       <input type="hidden" name="webtoleadstoreid" value="a0C1a00000BJhea"> 
       <input type="hidden" name="company" value="New Guest"> 
       <input type="hidden" name="reason_visit" value="other"> 

      <button type="submit" id="randomNumber" onclick="javascript:toggle(); return false;" class="btn btn-primary" value="Generate Code">Submit</button> 

       <script language="javascript"> 
        function toggle() { 
         var ele = document.getElementById("toggleText"); 
         var text = document.getElementById("randomNumber"); 
         if(ele.style.display == "block") { 
          ele.style.display = "none"; 
          text.innerHTML = "show"; 
         } 
         else { 
          ele.style.display = "block"; 
          text.innerHTML = "Submit"; 
         } 
        } 

        function showdiv() { 
         var error = false; 
          //validate your form. 
         if(error == true){ return true;} 
         else 
         { 
          //show div 
          return false; 
         } 
        } 
       </script> 

       <div id="toggleText" style="display: none"> 
       <label for="code">Code</label> 
       <input type="text" name="Code" readonly id="Code" aria-describedby="code" placeholder="code"> 
       <p> Check your email for the coupon code and details. Thanks again for your participation in our Share & Win contest, winners will be announced on <strong>February 14th.</strong></p> 
       </div> 

      </div>  
     </form> 
    </div> 
</div> 

Answer 1

私が言ったように、あなたはあなたが望むものを達成するためにAjaxを使うことができます。 ここでは、彼らは本当にあなたを助けていない場合は

Ajax

Ajax

、アヤックスをグーグルしてみてくださいその方向にあなたを助けるいくつかのリンクがあり、あなたは間違いなくすべてを説明するサイトを見つけますあなたへ。