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>
$(ドキュメント).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}); –
あなたのHTMLが正しくありません。タグを正しい場所に置き、もう一度実行してください。 – Tistkle
あなたのコードを編集してください。 –