私はクライアントの1人のフォームマネージャーで忙しいです。フォームは個々の部門向けに作成されるというのが一般的な考え方であり、あまり多くの作業をやり直すことなく、フォームの検証などを処理するマイクロシステムを作成したいと考えています。可能な限り自動化。
私の最初の主要なタスクは、送信ボタンをクリックして、フォーム全体を反復処理し、特定の資格情報と検証ルールに基づいて、フォームがサーバーに送信される前に検証することです。フォーム内のすべての入力フィールドの例を取得することに関連する投稿をいくつか見てきましたが、フォーム全体とその内容を繰り返し処理し、具体的にすべてのフォーム要素(ボックス、入力ボックス、テキストボックスなどを選択します)。
これは個別に行うこともできますが、検証を上から下に行うことが望ましいので、最初のフィールドが選択の例で、次のフィールドが入力フィールドの場合は、フォームを上から下に繰り返して、次のことができるようにする必要があります。それに応じてエラーを出力します。
// Sample code:
$(document).ready(function() {
$("#main_submit").click(function() {
// Select all of the form fields here and iterate through them ...
});
});
<form name='test_form' method='POST' action=''>
<div>
<label for='title'>Title</label>
<select name='title'>
<option value=''>Please select ...</option>
<option value='MR'>MR.</option>
</select>
</div>
<div>
<label for='full_name'>Full Name:</label>
<input name='full_name' type='text' />
</div>
.....
</form>