2012-10-23 31 views
-3

我想驗證任何字段不應該爲空的表單。我不知道字段的名稱。代碼是:如何驗證表格中的所有字段而不知道html中的字段名稱

<form action="/addproductgroupinsert_fun/" method="post" name="SForm" onsubmit="return validateForm()"> 
    {% for id in ProductTypefeatureentryList %} 
     <label for="{{id.Name}}">{{id.Name}}</label> 
     <input id="{{id.Name}}" type="text"name="{{id.Name}}" /> 
    {% endfor %} 

這怎麼辦?

+3

您發佈的代碼不是JavaScript的,jQuery的,或HTML,這是對這個問題的唯一標籤。你能澄清你有什麼嗎? – jbabey

+1

此代碼屬於django,在django模板中執行此操作。 – SHIVA

+0

你在尋找什麼特定類型的驗證?基本非空?數字?文字長度? –

回答

0

在您的模板中,添加一個類以根據需要標記它們。然後你就可以驗證所有與該類元素:

{% for id in ProductTypefeatureentryList %} 
    <label for="{{id.Name}}">{{id.Name}}</label> 
    <input class="required" id="{{id.Name}}" type="text"name="{{id.Name}}" /> 
{% endfor %} 

validateForm()

$('.required').each(function() { 
    if (this.value === '') { 
     // form is invalid 
    } 
}); 
-1

這貫穿您的輸入列表:

$('input').each(function() { 
    //Do your validation 
}); 
0

你可以考慮HTML-5 data-val-*屬性和看看不顯眼的jQuery驗證插件。您的投入將看起來像

<form action="/addproductgroupinsert_fun/" method="post" name="SForm" onsubmit="return validateForm()"> 
    {% for id in ProductTypefeatureentryList %} 
     <label for="{{id.Name}}" data-val-required='true'>{{id.Name}}</label> 
     <input id="{{id.Name}}" type="text"name="{{id.Name}}" data-val-required='true' /> 
    {% endfor %} 

data-val-required是JS,要求費爾德的價值告訴顯得突兀。你在網上看到的大部分文章都會將不引人注意的js與asp.net mvc鏈接起來,但它是一個客戶端庫,可以與任何服務器端技術一起玩。此外,我還沒有測試代碼,我認爲有一個更多的屬性用於指定錯誤消息,以防字段值無效。

相關問題