只有在jQuery验证有效的情况下才会调用Ajax

我有一个表单和ajax call.data被填充到表单中，并且同时用户在我的数据库中使用ajax调用来创建远程。但问题出在验证，其中验证应该在这里适用例如我应用任何jquery验证我需要测试如果表单是有效的，然后我可以调用ajax如果表单有效其他明智的数据库将填充空白数据我试着用bvalidator但我不知道如何检测的形式是有效的，或者使用任何的jQuery验证库无效只有在jQuery验证有效的情况下才会调用Ajax

<form id="inform" action="http://site.com"> 
<input type="text" id="name" /> 
<input type="text" id="email" /> 
<input type="button" name="subaction" id="infuse" /> 
</form> 

    <script language ="javascript" type = "text/javascript" > 
    $na= jQuery.noConflict(); 
    $na(document).ready(function(){ 
      $na('#infuse').click(function(){ 


         var name= $na('#name').val(); 

         var email = $na('#email').val(); 


       $na.ajax({ 
          type: "POST", 
          url: '<?php bloginfo('template_url')?>/user_create.php', 
          data: 'name='+name+'&email='+email, 
          cache: false, 


          success: function(result){ 
                jQuery('.err_msg').html(result); 
                 jQuery("#inform").submit(); 
               } 
              }); 


        }); 
    }); 

    </script>

来源

2013-11-01 Vishal

您的问题似乎存在拼写错误。你真的想将'email'中的值存储在一个名为'age'的变量中，而不再使用它？ –

难道你不可能写你自己的验证，更适合你的应用程序吗？ –

你错了我写它它不是原来的版本，但我需要的是有效的形式前ajax调用，如果有效去ajax过程 – Vishal

-1

你可以做这样的事情

<script language ="javascript" type = "text/javascript" > 
$na= jQuery.noConflict(); 
var name; 
var email; 
var options10 = { 

    // shows or hides error all messages container after validation completes 
    onAfterAllValidations: function(elements, formIsValid){ 

     // if validation failed 
     if(!formIsValid) 
      callAjax(); 
     else{ 
      //do something 
     } 
    } 
}; 


function callAjax(){ 
    $na.ajax({ 
          type: "POST", 
          url: '<?php bloginfo('template_url')?>/user_create.php', 
          data: 'name='+name+'&email='+email, 
          cache: false, 
          success: function(result){ 
               jQuery('.err_msg').html(result); 
                jQuery("#inform").submit(); 
              } 
           }); 
} 
$na(document).ready(function(){ 
     $('#inform').bValidator(options10); 

     $na('#infuse').click(function(){ 


        name= $na('#name').val(); 
        email = $na('#email').val(); 

     }); 
}); 

</script>

我没有检查这一点，但我希望，这个工程。重要的一点是，您可以使用回调：onAfterAllValidations。

来源

2013-11-01 10:55:58

谢谢anudeep我会尽力告诉你，我希望它能奏效。 – Vishal

你好jQuery的验证使用输入类型提交，但当我使用它后验证成功的表单提交和我的ajax调用不运行，所以应该这样做，因为以前我使用输入类型按钮和提交表单后，ajax调用。 – Vishal

只有在jQuery验证有效的情况下才会调用Ajax

回答

相关问题