python - HTMLのフィールド名を知らなくてもフォームのすべてのフィールドを検証する方法

Question

どのフィールドも空白であってはならないフォームを検証したいと考えています。畑の名前がわかりません。コードは次のとおりです。

 <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 %}

どうすればこれを行うことができますか？

Answer 1

HTML-5data-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 にリンクしていますが、これはクライアント側のライブラリであり、任意のサーバー側のテクノロジで再生できます。さらに、コードをテストしていません。フィールドの値が無効な場合にエラー メッセージを指定するための属性がもう 1 つあります。

Answer 2

テンプレートにクラスを追加して、必須としてマークします。次に、そのクラスですべての要素を検証できます。

{% 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
    }
});

Answer 3

これは、入力のリストを実行します。

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