我试图淡出用户表单的一部分来加载下一个表单步骤(通过淡入)。但是当我点击提交时,它会提交表单,并且不会淡出。
<script type="text/javascript">
function validate(input, name) {
if( form['register'] = true ) {
$("#step1").fadeOut("slow");
}
}
<form id="register" name="register" method="post" action="">
<div id="step1" class="step1">
form here...
...
<input type="submit"
name="next"
id="next"
value="Continue"
disabled="disabled" />
</div>
答案 0 :(得分:1)
您需要阻止您的表单提交以允许您的淡出发生:
<强> JQUERY:强>
$(document).ready(function() {
$("form").submit(function(e) {
e.preventDefault();
$("#step1").fadeOut("slow");
});
});
但作为建议,您应该使用按钮允许用户在步骤之间前后导航,并仅使用提交按钮进行最后一步。
答案 1 :(得分:1)
“但是当我点击提交时,它会提交表单,并且不会淡出。”
在提交表单时,该行让我相信您希望div隐藏起来。以下是您将如何做到这一点:
//Select #register, bind a 'submit'-event.
$('#register').on('submit', function(e){
//This next line will prevent the form from being submitted.
e.preventDefault();
//Fade out the #step1.
$('#step1').fadeOut('slow');
});