2011-12-24 14 views
2

私はajaxフォームプラグインを使用しています。これが私のフォームの処理方法です。今私は美しいプラグイン - validationengineを追加することに決めました。しかし、私はそれをどのように統合するのか分かりません。私が持っているコード:Jquery validationengine + ajaxフォーム

 $("#addCompanyForm").validationEngine({scroll:false}); 
     $("#addCompanyForm").ajaxForm({ 
      beforeSubmit: function() { 
       valid = $("#addCompanyForm").validationEngine('validate'); 
       if (valid == false) return false; 
       //some actions like blocking interface (show loader) etc 
      }, 
      url: myURL, 
      success: function() { 
       //some actions like unblocking interface etc 
      } 
     }); 

まあ、私はインライン検証を持っていると私はそれがデータを送信し、その後、再び、インライン入力(そしておそらく他のすべてあまりにも)を検証し、送信ボタンを押したとき。私が欲しいもの:入力をぼかすと、検証(ajaxインラインを含む)が必要で、提出するときに検証が必要です。

また、私はスキームを明確に理解していません。たとえば、私は多くの入力を持つフォームを持っています。私がsubmitボタンを押すと、validationengineは入力をチェックしなければなりません。その後、私は再びそれらをチェックしなければならない私のPHPスクリプトにデータを送りますか? (ハッキングを処理している場合)そして、データは我々だけで、事前に

おかげのようなものを使用することができ、たとえば有効でない場合、私は本当に私の正確な問題の解決策のためにしばらく探した後、任意のヘルプ

+0

これについてのヘルプもあります。それは質問以来しばらく経過しているので、あなたはそれにおしゃべりを見つけることができましたか? – jaclerigo

答えて

2

をいただければ幸いです、それを発見しました。

<script> 
    $(function() { 
     var options = { 
      target:  '#save', 
      dataType:  'json', 
      beforeSubmit: showRequest, 
      success:  showResponse 
     }; 
     $('#form').validationEngine({scroll:false}); 
     $('#form').ajaxForm(options); 

    }); 

    function showRequest(formData, jqForm, options) { 
     var valid = $("#form").validationEngine('validate'); 
     if (valid == true) { 
      $("#save").fadeIn().html('<p class="message loading">Saving...</p>'); 
      return true; 
     }else{ 
      return false; 
     } 
    } 

    function showResponse(data, responseText, statusText) { 
     $("#save").fadeOut().html('<p class="message success">Saved.</p>'); 
    } 
</script> 
関連する問題