javascript - 在表单提交之前做一些事情

Question

尝试查找此内容，找到了一些答案，但它们对我不起作用。我有一个正在验证的表单，并且我希望在提交之前淡入一些内容。

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

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

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

Answer 1

1. 确保您的按钮不是提交按钮，这样它就不会在单击时立即提交表单。改为普通按钮( <input type="button" /> 或 <button type="button"></button> )。

2. 单击按钮，执行您的 Validation/fadeIn/fadeOut您需要的一切并通过 javascript submit() 提交表单需要时发挥作用。

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

function validateForm(){
//...validation....
   else {
      $('#ThankYou').fadeIn(1000).delay(1000).fadeOut(1000,function(){
          document.getElementById('ConfirmGiftCard').submit();
          //$('#ConfirmGiftCard').submit(); //This also should work, but I prefer native JS submit function because its more reliable.
          //$('#ConfirmGiftCard')[0].submit(); //Or even this works, which calls the same native JS method I used above (first one).
      });
}