【问题标题】:Why the submit button not works with I use jquery code in this page?为什么提交按钮不适用于我在此页面中使用 jquery 代码?
【发布时间】: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不正确,请把标签放到正确的地方,再运行试试
  • 把你的代码放在有问题的地方(编辑它),而不是不可读的评论

标签: jquery html forms submit


【解决方案1】:

这是因为您的 JavaScript 代码中有 e.preventDefault();。该行会阻止提交按钮的默认行为。

【讨论】:

    猜你喜欢
    • 2017-07-28
    • 2019-08-28
    • 1970-01-01
    • 2017-04-09
    • 2016-12-02
    • 2016-05-14
    • 2015-07-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多