2013-05-05 123 views
0

我正在嘗試使用Jquery進行表單驗證,不幸的是我既不能顯示空字段空消息也不能阻止用戶將字段留空。Jquery表單驗證問題

我使用驗證以下查詢

$("#frm").validate({ 
        rules : { 
         empName : "required" 
        } 
       }); 

我已經把使用的jsfiddle

任何幫助演示here是非常可觀的

回答

8

您還可以使用錨但你必須提交手動形式(fiddle)。 您也不應該在點擊事件中初始化驗證。在加載時初始化它,然後提交表單以觸發驗證。

$(document).ready(function(){ 
    $("#frm").validate({ 
     ignore: '*:not([name])', //Fixes your name issue 
     rules : { 
      empName : "required" 
     }, 
     messages: { 
      empName: { 
       required: "Please enter name" 
      } 
     } 
    }); 

    $("#saveB").click(function(){ 
     $("#frm").submit();  
    }); 
}); 

或者你也可以使用valid無需提交表單(fiddle):

$("#saveB").click(function(){ 
     $("#frm").valid(); 
    }); 
+0

馬塞爾,不提交它是不可能觸發驗證的權利? – user75ponic 2013-05-05 12:06:28

+0

更新了答案。 – 2013-05-05 12:11:12

+0

我正在使用名爲JeasyUI的Jquery插件,輸入基本上是一個自動完成的輸入文本。當我提交時,我收到以下錯誤'無法驗證,找到一個沒有分配名稱的元素。查看控制檯的元素參考。 has not assigned assigned' – user75ponic 2013-05-05 12:20:05

1

這是你的錨造成的問題 - 即它的href屬性。我的建議是使用另一個驗證觸發器,例如像<button>這樣的輸入。

Working jsFiddle here.

+0

真力時我就無法與錨標記做有表單驗證? – user75ponic 2013-05-05 11:50:50

+0

@Polppan你可以做,但並不像使用輸入那麼簡單。 – lifetimes 2013-05-05 11:56:07