在表单提交之前做点什么

时间:2015-12-17 02:20:14

标签: javascript jquery forms submit fadein

试着看了这个,发现了一些答案,但它们对我不起作用。我有一个我正在验证的表单,在提交之前我想要一些淡入淡出的表单。

$('#btnConfirm').click(validateForm);

function validateForm(){
//...validation....
else{
		$('#ConfirmGiftCard').submit(function(){
				$('#ThankYou').fadeIn(1000).delay(1000).fadeOut(1000);
				setTimeout(function(){
				return true;
			    }, 2000)
		});
	}

ConfirmGiftCard是我的表单的名称。 btnConfirm是其中的提交按钮。

2 个答案:

答案 0 :(得分:2)

  1. 确保您的按钮不是提交按钮,以便在点击时不立即提交表单。将其改为普通按钮(var numbers = "123,454,223,422,422"; var show_number = numbers.split(","); alert(show_number.length); <input type="button" />)。

  2. 点击按钮,完成您所需的<button type="button"></button> / Validation / fadeIn,并在需要时通过javascript fadeOut功能提交表单。

  3. &#13;
    &#13;
    submit()
    &#13;
    &#13;
    &#13;

答案 1 :(得分:1)

我的解决方案是:在回复消息失败后提交表单。

$('#ThankYou').fadeIn(1000).delay(1000).fadeOut(1000, function() {
  $('#ConfirmGiftCard').submit();
});

http://api.jquery.com/fadeout/完成第二个参数