2012-06-21 37 views
4

我需要能夠使用jquery.validate和jquery.validate.unobtrusive來驗證表單上的分數。我已經改變了我的HTML標記,包括「分數」如何用新的驗證擴展jquery.validate.unobtrusive?

<input class="span12 data fraction" data-val="true" name="FrontHoodHeightL" id="FrontHoodHeightL" type="text" value="29 15/16"> 
在類名

,我已經包含在我的網頁下面的JavaScript。

$.validator.addMethod("fraction", function (value, element, param) { 
    var fracExp = new RegExp("(?:-(?!0))?\d+(?:(?: \d+)?/\d+)?"); 
    return fracExp.test(value); 
}); 

但該方法似乎永遠不會被調用。我錯過了什麼步驟來連接它?

回答

4

一個步驟:用addClassRules添加使用新方法的類規則:

$.validator.addClassRules("fraction", { 
    fraction: true 
}); 

例子:http://jsfiddle.net/X2m4U/

:看起來你試圖使用負在你的正則表達式中看後面。這個won't work帶有JavaScript。

+0

謝謝。你能指出我在你找到這個文檔的方向嗎?我看了一會兒,找不到任何東西。您對正則表達式也是正確的。我必須找出一個可以工作的不同方法。 – PlTaylor

+0

@PlTaylor:我已經添加了一個指向'addClassRules'文檔的鏈接。我不確定是否有明確的文檔指導你如何添加這樣的規則,我對插件非常熟悉。 –