如何暫停表單提交，爲最後一次驗證，在最後和釋放/觸發/繼續提交後？

Question

我有一個page1.php，我有一個fly.php。 page1.php是一個簡單的（常規）表單頁面，當用戶提交表單時，人們可以放置信息。

• 通過ajax它加載驗證碼模板，並要求驗證在飛行（直到這裏很好）。
• onFly驗證後，我是否允許該.submit（）繼續

問：How can i after .submit() pause for validatio此驗證碼的n和驗證全成後，恢復表單提交（這是保留）？

實施例：

1部分： page1.php中

$(document).ready(function() 
{ 
$('.callmeback').submit(function() 
{ 
    $.ajax({ 
     type : "GET", 
     url  : "/include/class/fly.php", 
     data : "a=b", 
     async : false, 
     beforeSend: function() 
     { 
      $(document.body).find('.blackwindow').remove(); 
      $(document.body).find('.nospam').remove(); 
     }, 
     complete: function() 
     { 
     },  
     success : function(msg) 
     { 
      $(document.body).append(msg); 
      $('.blackwindow').css({ 
       'opacity':'0.90' 
      }); 

      $('.nospam').find('input[type="button"]').live("click", function() 
      { 
       // final validation 
       var security= $('.nospam').find('#security').val(); 
       var random = $('.nospam').find('#random').val(); 

        if (random!=security) 
       { 
      alert ('Invalid captcha.'); 
      return false; 

       } else { 
      // Basically its second time? and return true?      
       } 

      }); 

     } 

    }); 

    //return false; 
}); 

}); 

<form method=post action=thanks.php class="callmeback"> 
<input type=text value=100.00 name=amount /> 
<input type=submit value=submit name=submit /> 
</form> 

第2部分：fly.php

<? require_once 'obj.php';?> 
.blackwindow { 
     position:fixed; 
     top:0px; 
     left:0px; 
     width:100%; 
     height:100%; 
     z-index:1000; 

     background-color:#000000; 
} 

.nospam { 
     position:fixed; 
     top:30%; 
     left:30%; 
     padding:12px; 
     border:solid 3px #686868; 
     background-color:#ffffff; 
     z-index:1001; 
} 
<div class="blackwindow"></div> 
<div class="nospam"> 
<div> 
<? 
$value = obj::getRandom();           
echo '<img src="include/class/return_img.php?number=' . $value . '" />'; 
echo "<input type='hidden' id='random' name='random' value='$value' />"; 
?>  
<div> 
*Please enter the above code below, to verify this request <br/> 
<input type="text" class="textbox" id="security" name="security" /> 
</div> 
</div> 
<div> 
<input type=button name=mybutton value="Verify" /> 
</div> 
</div> 

跟進（校對）：

$(document).ready(function() 
{ 
$('.callmeback').find('input[type="button"]').live("click", function() 
{ 
    $.ajax({ 
     type : "GET", 
     url  : "/include/class/fly.php", 
     data : "a=b", 
     async : false, 
     beforeSend: function() 
     { 
      $(document.body).find('.blackwindow').remove(); 
      $(document.body).find('.nospam').remove(); 
     }, 
     complete: function() 
     { 
     },  
     success : function(msg) 
     { 
      $(document.body).append(msg); 
      $('.blackwindow').css({ 
       'opacity':'0.90' 
      }); 

      $('.nospam').find('input[type="button"]').live("click", function() 
      { 
       // final validation 
       var security= $('.nospam').find('#security').val(); 
       var random = $('.nospam').find('#random').val(); 

        if (random!=security) 
       { 
      alert ('Invalid captcha.'); 
      return false; 

       } else { 
      $('.callmeback').submit();      
       } 

      }); 

     } 

    }); 

    //return false; 
}); 

}); 

Answer 1

最簡單的方法是使「提交」按鈕實際上不是一個<input type='submit'>按鈕，而只是一個標準button。如果驗證通過，您可以使用$('form').submit()或類似的方式手動提交論壇。