入力を送信すると2番目の入力が表示されますが、両方のフィールドがハンドラに送信されます

Question

2つのフィールドを持つ単純なフォームがあります。 2番目のフィールドを最初に非表示にしてから、ボタンが最初のフィールドでクリックされたときに表示されますが、両方のフィールドの内容がフォームハンドラによって私に送信されるようにします。

私が持っているHTMLのようなものです：私は2番目のフィールドが欲しい

<form method="post" name="contact_form" action="submit.php"> 
      <input id="URL" name="URL" type="text" placeholder="Website URL (www.yoursite.com)"><input type="submit" value="Submit!"> 
      <input id="email" name="email" type="text" placeholder="Your Email Address"><input type="submit" value="Send!"> 
</form> 

、電子メールフィールドはURL欄「後ろ」に隠されるとURL欄が記入されており、電子メールフィールドが置き換えられ、電子メールフィールドが送信されると、両方のフィールドが送信されたフォームが送信されます。私はjQueryでうまくいきません。これは何かできることですか？それは全く岩

Answer 1

// css 
.hidden{ 
    display: none; 
} 
// html 
<form method="post" name="contact_form" action="submit.php"> 
      <input class="url" name="URL" type="text" placeholder="Website URL (www.yoursite.com)"> 
      <input class='url' type="submit" value="Submit!"> 
      <input class='hidden' name="email" type="text" placeholder="Your Email Address"> 
      <input type="submit" class="hidden" value="Send!"> 
</form> 


//js 

    function stopSubm(){ 
     $('form').one("submit", function(e){ 
     e.preventDefault(); 
     var count= 0; 
     if (count > 0){ 
      $(this).submit(); 
     } 
     $('.url').hide(); 
     $('.hidden').removeClass('hidden'); 
     count++; 


    }); 

    }; 
    stopSubm();