ホームページ >ウェブフロントエンド >jsチュートリアル >jQuery_jquery に基づくフロントエンド データ用のユニバーサル検証ライブラリ
jQuery_jquery に基づくフロントエンド データ用のユニバーサル検証ライブラリ
- WBOYオリジナル
- 2016-05-16 18:03:50928ブラウズ
そこで、以前の開発をゆっくりと要約し始め、よりシンプルにして、より多くの検証を完了するために記述するコードの量を減らすためにいくつかの散在するメソッドも書きました。以前の考え方は、パラメータを渡し、検証するコントロールの ID を渡し、データ形式を検証する場合は対応する正規表現を渡すというものでした。プロジェクトが完了した後、プロジェクト全体を要約すると、この書き方ではあまりコードが節約されないことがわかり、学生からは私の書いたライブラリがあまり役に立たなかったという説明がありましたが、多くの場所で報告を受けました。また、まだよく理解できていませんし、すぐに始めることもできませんし、バグもまだたくさんあるはずなので、多くの場所では、各コントロールを 1 つずつ検証する方法を使用したいと考えています。 JS ファイルは 2 ～ 300 行あり、コメントも 1 文しか書けないので、問題が発生した後のメンテナンスが非常に面倒です。 JSのデバッグ。
最近出張に行っているので、以前のものをベースにさらにカプセル化して呼び出しをもっと便利にできないか考えていました。呼び出し時に JS コードを書かないのが最善です。 。私は jQuery の強力なセレクターについて考え、検証を行うとき、またはページから値を取得する必要があるときに、ページ要素にいくつかのカスタム属性を追加することがよくありました。したがって、検証を実行する場合は、要素にいくつかのカスタム属性を追加して JS コードを呼び出すだけで済みます。これが最も簡単です。
この単純な検証ライブラリは、フォーカスが失われたときの検証や送信ボタンがクリックされたときの検証を含む、基本的な検証の 90% を完了できるはずです。バックエンドに関して私にできることは何もありません。バックエンドを使用する人のためにそれを書くことしかできません:)。
呼び出しコードから始めましょう。JS コードは小さすぎるため、直接投稿しません。記事の最後に、私が以前に作成した JS ファイルも含まれています。 Renren.com を模倣するプラグインの場合。