验证成功后，jQuery将数据发布到服务器 [英] jQuery post data to server after successful validations

问题描述

这是我的jQuery代码段

Here is my jQuery snippet

  $("#saveBankDetails").click(function(){
           if($('#firstBankDetail').is(':visible')) {
               return validateFirstBankDetails();
            }     
           if($('#secondBankDetail').is(':visible')) {
               return validateSecondBankDetails();
            }   
           if($('#thirdBankDetail').is(':visible')) {
               return validateThirdBankDetails();
            }   
           if($('#fourthBankDetail').is(':visible')) {
               return validateFourthBankDetails();
            }   
       });

我想要实现的是在元素firstBankDetail，secondBankDetail等可见的情况下执行验证. validateFirstBankDetails，validateSecondBankDetails都是javascript函数.

What i want to achieve is perform validation if the elements firstBankDetail , secondBankDetail and so on are visible. validateFirstBankDetails,validateSecondBankDetails are all javascript function.

我使用return来避免在验证失败时将数据发布到服务器.但是，如果validateFirstBankDetails()返回true，则似乎已发布数据，因此代码不会继续前进.我需要做哪些修改才能使代码前进并也对secondBankDetail应用验证?

I have used return to avoid posting data to server if validation fails. However it seems that data is posted if validateFirstBankDetails() returns true and thus the code does not move ahead . What modifications do i need to do so that code moves ahead and applys validations for secondBankDetail too ?

推荐答案

在遵循@Samich建议后，我提出了此解决方案.效果很好.

After following @Samich advice i came up with this solution. It works fine.

$('form').submit(function (event) {
           if($('#firstBankDetail').is(':visible')) {
               if(!validateFirstBankDetails()){
                   event.preventDefault();
               }
            }  
           if($('#secondBankDetail').is(':visible')) {
              if(!validateSecondBankDetails()){
               event.preventDefault();
              }
            }   
           if($('#thirdBankDetail').is(':visible')) {
               if(!validateThirdBankDetails()){
                   event.preventDefault();
               }
            }   
           if($('#fourthBankDetail').is(':visible')) {
               if(!validateFourthBankDetails()){
                   event.preventDefault();
               }
            }
       });

这也更容易

这篇关于验证成功后，jQuery将数据发布到服务器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！