2013-03-13 40 views
0

爲什麼它不像jquery.validator文檔中那樣定義類別規則?jQuery驗證類別規則不起作用

Jsfiddle

我的JavaScript

jQuery.validator.addClassRules('foo', { 
    required: true, 
    digits: true 
}); 
jQuery('#test').validate({ 
    rules: { 
     field: 'foo' 
    } 
}); 

我的HTML

<form id="test"> 
    <input type="text"> 
</form> 
+1

想一想未來的讀者會看到一個被接受的答案,告訴你爲已經包含「name」屬性的元素添加一個「name」屬性的困惑。如果你不想接受技術上正確的答案,至少應該發佈你自己的答案,然後接受。謝謝。 – Sparky 2013-03-13 21:37:48

回答

1

忽略你原來的jsfiddle,這個答案簡單地回答了這個問題的代碼,因爲它的發佈。

在OP的代碼,使用addClassRules方法,要求您使用的輸入元素中的class屬性...

HTML

<form id="test"> 
    <input name="field" type="text" class="foo" /> 
    <input type="submit" /> 
</form> 

jQuery的

jQuery.validator.addClassRules('foo', { 
    required: true, 
    digits: true 
}); 

jQuery('#test').validate({ 
    // your other options 
}); 

DEMO:http://jsfiddle.net/G4rb3/1/

2

input領域MUSTname屬性與驗證插件工作。它在你的小提琴中缺失。

<input id="2" name="numberVal" class="numberVal" type="text" />

jsFiddle

+0

我不明白你的觀點。你有我的小提琴和上面的代碼,你可以編輯它在你的文章中所述? – mayrs 2013-03-13 15:20:38

+0

我附錯了小提琴,對不起。這是我的標記,我應該在哪裏添加名稱屬性?只有一個輸入字段? mayrs 2013-03-13 15:24:58

+0

@junior,檢查你的jsFiddle。它不符合你的OP ...你想要哪一個固定? – Sparky 2013-03-13 15:26:46