【发布时间】:2016-06-13 11:01:28
【问题描述】:
我有这段代码,如果运行 jquery 代码,提交按钮将不起作用。
当我评论 jquery 代码时,表单发送完美。
你能帮帮我吗?
<div class="container">
<form action="send.php" method="post">
<div class="button-container">
<div class="action-button shadow animate green">
<label><input type="radio" name="color" value="verde" id="verde" style="visibility:hidden" required>PRESIONE EL BOTÓN VERDE</input></label>
</div>
</div>
<div class="button-container">
<div class="action-button shadow animate red" >
<label><input type="radio" name="color" value="rojo" id="rojo" style="visibility:hidden" required>PRESIONE EL BOTÓN ROJO</input></label>
</div>
</div>
<div class="form-container" id="form" style="display:none">
<div id="form-content">
<div class="form-content-center">
<img src="http://www.spring-gds.com/img/spring/logo.png" class="logo-responsive">
<p>Para confirmar tu color y ganar un altavoz bluetooth Introduce:<p>
<input type="text" id="nombre" name="nombre" placeholder="Nombre" required><br/>
<input type="email" id="email" name="email" placeholder="Email" required><br/>
<!--<label><input type="radio" name="color" value="verde" id="verde" required>PRESIONE EL BOTÓN VERDE</input></label><br><br>
<label><input type="radio" name="color" value="rojo" id="rojo" required>PRESIONE EL BOTÓN ROJO</input></label><br><br><br><br>-->
<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/>
<input type="submit" id="submit" value="Confirmar" class="submit">
</form>
</div>
</div>
</div>
</div>
【问题讨论】:
-
$(document).ready(function(){ $(".button-container").click(function(e){ e.preventDefault(); var $more = $("# form").slideToggle("slow"); $("body").animate({ scrollTop: $more.offset().top }, { duration: 1200, queue: false }) }); });
-
你的html不正确,请把标签放到正确的地方,再运行试试
-
把你的代码放在有问题的地方(编辑它),而不是不可读的评论