2016-06-13 6 views
0

私はこのコードを持っています& jqueryコードが実行されている場合、送信ボタンは機能しません。このページでjqueryコードを使用して送信ボタンが機能しないのはなぜですか?

jqueryコードにコメントすると、フォームが完全に送信されます。

お願いします。なぜならJavaScriptコードでe.preventDefault();である

\t <div class="container"> 
 
\t \t <form action="send.php" method="post"> 
 
\t \t <div class="button-container"> 
 
\t \t \t <div class="action-button shadow animate green"> 
 
\t \t \t \t <label><input type="radio" name="color" value="verde" id="verde" style="visibility:hidden" required>PRESIONE EL BOTÓN VERDE</input></label> \t \t 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="button-container"> 
 
\t \t \t <div class="action-button shadow animate red" > 
 
\t \t \t \t <label><input type="radio" name="color" value="rojo" id="rojo" style="visibility:hidden" required>PRESIONE EL BOTÓN ROJO</input></label> \t 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t \t <div class="form-container" id="form" style="display:none"> 
 
\t \t \t <div id="form-content"> 
 
\t \t \t \t <div class="form-content-center"> 
 
\t \t \t \t \t <img src="http://www.spring-gds.com/img/spring/logo.png" class="logo-responsive"> 
 
\t \t \t \t \t <p>Para confirmar tu color y ganar un altavoz bluetooth Introduce:<p> 
 
\t \t \t \t \t \t <input type="text" id="nombre" name="nombre" placeholder="Nombre" required><br/> 
 
\t \t \t \t \t \t <input type="email" id="email" name="email" placeholder="Email" required><br/> 
 
\t \t \t \t \t \t <!--<label><input type="radio" name="color" value="verde" id="verde" required>PRESIONE EL BOTÓN VERDE</input></label><br><br> 
 
\t \t \t \t \t \t <label><input type="radio" name="color" value="rojo" id="rojo" required>PRESIONE EL BOTÓN ROJO</input></label><br><br><br><br>--> 
 
\t \t \t \t \t \t <label><input type="checkbox" name="privacy" value="ok" required>Aceptas nuestra <a href="http://www.spring-gds.com/es/privacy-statement/" target="_blank">Política de privacidad</a></label><br/> \t \t \t \t 
 
\t \t \t \t \t \t <input type="submit" id="submit" value="Confirmar" class="submit"> 
 
\t \t \t \t \t </form> 
 
\t \t \t \t </div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div>

+0

$(ドキュメント).ready(関数(){ \t $( "ボタン-コンテナ。")をクリックします(関数(E){ \t e.preventDefault();。 \t \tするvar $以上= $( "#FORM")slideToggleは( "遅い"); \t \t $( "身体")アニメーション({ \t \t scrollTopスプライト:$のmore.offset(トップ \t \t。)}、{ \t \t時間: 1200、 \t \tキュー:false \t \t}) \t}); \t}); –

+0

あなたのHTMLが正しくありません。タグを正しい場所に置き、もう一度実行してください。 – Tistkle

+0

あなたのコードを編集してください。 –

答えて

0

。その行は、送信ボタンのデフォルトの動作を妨げます。

関連する問題