如何使用許多規則驗證自定義輸入

Question

var rules = "Numeric - percentage Informational"; 

如何根據上述條件驗證輸入？

如果是，我該如何使用數組？如何使用它？拆分規則或使用jQuery Contains？

我有類似的規則，像上面的驗證我的輸入。
上述規則將確保輸入是數字和百分比。信息意味着它可以具有諸如「不適用」之類的值。

所以，我想每一個輸入我去允許驗證列表（數字 - 百分比信息），並確定輸入是否正確。

尋找建議和樣品。

Answer 1

我認爲這將是一個可能的解決方案：

HTML：

<form id="myForm"> 
    <input name="newsletter" class="rule-Numeric-Informational test" /> 
    <input name="milkman" class="test" /> 
    <input name="newsboy" class="test rule-Numeric-Informational" /> 
</form> 

的Javascript：

// on submit event 
var ok = true; 
$("input[class*='rule-']", $("#myForm")).each(function() 
{ 
    var classs = $(this).attr("class").split(" "); 
    var rules = new Array; 
    for (var ind in classs) 
    { 
    if (classs[ind].indexOf("rule-")==0) 
    { 
     rules = classs[ind].substr(4).split("-"); 
     break; 
    } 
    } 

    var value = $(this).val(); 
    for (var indr in rules) 
    { 
    if (rules[indr]=="Numeric") 
    { 
     //if not check for this rule 
     ok = false; 
     alert("Numeric " + value); 
     break; 
    } 
    if (rules[indr]=="Informational") 
    { 
     //if not check for this rule 
     ok = false; 
     alert("Informational " + value); 
     break; 
    } 
    //.. other rules 
    } 

}); 

Answer 2

中有一個非常好的形式驗證插件看看http://www.position-relative.net/creation/formValidator/如果使用它不適合你，那麼看看代碼。這是非常好的 ，並有所有的鉤子來製作一個不同的驗證器。