驗證動態生成的必填字段

Question

我通過基於從服務器獲取的數據動態生成輸入字段。

其中一些字段可以是必填字段。如何在將表單提交給服務器時驗證這些字段。

e.g如果產生的場是

field1    ---------------- 

field2 (required) ---------------- 

field3    ---------------- 

Answer 1

每個必填字段都有必需的屬性。所以通過迭代javascript中的所有字段並找到必需的屬性，可以驗證這些字段。

var parmCount = parmTable.rows.length - 1; 
for(var i = 0; i < parmCount; i++) { 
    //logic to get form values 
    if(ParamVal.value == '' && attrVal!= null && attrVal == 'required') { 
    //validate here 
    } 
} 

Answer 2

這是爲了實現在客戶端很簡單，通過JavaScript，使用jQuery。

我最近通過使用一個特殊的CSS類，如「requiredField」，我動態地填充到表單字段中的所需字段（如果所有字段都是必需的，你甚至不需要這個）。

然後，您只需使用選擇器$(".requiredField")來遍歷它們並在每個字段上執行驗證。您可能需要根據字段類型區分您的邏輯，然後使用相應的選擇器來驗證，比如與輸入字段分開的複選框。

有很多關於如何在那裏驗證的例子，所以我假設你的問題是關於如何動態查找你的字段，而不是如何機械地驗證它們。

當然，您也可以爲每個表單字段生成一行javascript，就像您生成表單字段一樣，但這不是必需的。