ホームページ  >  記事  >  ウェブフロントエンド  >  Web フォーム データを迅速に抽出するための jquery セレクター example_jquery

Web フォーム データを迅速に抽出するための jquery セレクター example_jquery

WBOY
WBOYオリジナル
2016-05-16 16:54:041232ブラウズ

私はどちらかというと怠け者で、Web の仕事をしているときに同じことを何度も繰り返す必要があるとき、時間と労力を節約する方法を見つけたいと思っています。

以前は、Web 上でフォームを送信してユーザー入力を検証する必要がある場合、ユーザー入力情報を抽出するときに js で document.getElementById() が使用されていました。この方法では、1 つまたは 2 つのフォーム フィールドで問題ありませんでした。見た目がまぶしいので、個人的にはこの方法には嫌悪感を感じますが、幸いにも自分で考えた結果、jquery を使用した便利な方法を見つけました。

データを送信する必要がある各フォーム フィールドに追加の属性を追加し、元の name 属性を独自に定義した追加の属性 "_postField" ( など、次にクエリを使用して _postField 属性を持つすべての DOM オブジェクトを取得し、それらを走査して、_postField の値を使用してカプセル化します。コンテンツは値の json キーと値のペアであり、その js メソッドは次のとおりです:

コード コードは次のとおりです: