2011-12-24 30 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內聯),當我提交時我需要驗證。

而且我也不清楚這個計劃。例如,我有一個有很多輸入的表單。當我按下提交按鈕時,validationengine必須檢查輸入,然後我將數據發送到我的php腳本,必須再次檢查它們? (如果我們正在處理黑客攻擊)。如果數據是無效的例子中,我們可以只使用類似

在此先感謝,我真的很感激任何幫助

+0

尋找這方面的幫助了。既然這個問題已經過了一段時間了,你是否設法找到了它呢? – jaclerigo 2012-08-09 15:38:24

回答

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>