2013-07-12 75 views
0

Jquery .validate函數無法正常工作。Jquery驗證允許表單提交,即使有錯誤

第一次在頁面加載時,如果單擊提交按鈕,即使表單輸入爲空,也沒有任何驗證。該表格被提交即使驗證函數被調用$(文件)。就緒(函數())

我有,所有的輸入類型在一個div名稱,如定義的形式,「targetListDiv」

$("#saveTargetList").on('click', function(e) { 

if (!$("#targetListDiv").validate()) { // Not Valid 
      return false; 
     } 
$.ajax({ 

    url : 'example.htm', 
    type: 'POST', 
    contentType: "application/json; charset=utf-8", 
    dataType : 'json', 
    data: JSON.stringify(data), 
    success: function (text) { 

       alert(text); 
      }, error: function(text){ 

       alert(text); 
    }); 

即使出現錯誤,表單總是會被提交。

沒有錯誤顯示給客戶。但是,如果我點擊一個文本框並讓我們說,最小長度是7,而我只輸入5個字符,那麼錯誤正在顯示。

請讓我知道是否有辦法來防止這種情況。

謝謝。

+1

請添加你的html代碼 – Antguider

+0

e.preventDefault()也會解決你的問題 –

+0

jQuery .validate()是一個不屬於jquery「normal」.js文件的插件,所以你也需要.js。 (以防萬一它的問題) – Sergio

回答

0

我錯過了輸入字段中的「name」屬性,因此validate函數無法正常工作。

包括「name」屬性解決了問題。

謝謝你們!