JavaScript フォームの検証 - Parsley.js の使用法とconfiguration_javascript スキル

オンライン デモンストレーション
以前紹介したフォーム検証の jquery プラグイン jquery.validationEngine を使用すると、何も書かずに関数を生成できます。 js コードの行。強力なフォーム検証機能。すごいじゃないですか？ 今回紹介した Parsley は、強力な DOM-API に基づいた簡単な構成だけでフォーム検証機能を実装するのにも役立ちます。

主な特徴
• 素晴らしいユーザーエクスペリエンスに基づいています
• 設定が非常に便利
• 超軽量 (圧縮後 12K)、jQuery と Zepto をサポート
•非常に簡単、jQuery のデータ API に似た DOM-API を設定するだけ
•完全に無料
•非常に信頼性が高い

組み込みの検証
•必須: 入力必須
•空白ではない: 空にすることはできません
•最小長: 最小長
•最大長: 最大長
•範囲の長さ: 長さの間隔
•最小: 最小値
• Max: 最大値
• Range: 範囲値
• RegExp: 正規表現
• Equal To:
に等しい • Min check: 選択されたチェックボックスの最小数をチェック
• Max check:選択したチェックボックスの最大数を確認します
•範囲チェック: 選択したチェックボックスの間隔の数を確認します
•リモート: ajax 検証
Parsley.js の使用と構成は非常に簡単です。次のように、HTML の data 属性を使用して HTML を構成します:

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

フルネーム * : ="text" id="fullname" name="fullname" data-required="true" />
メール * : input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" />
ウェブサイト :

メッセージ (最小 20 文字、最大 200 文字) :

非常に便利ですし、ドキュメントも充実しています。中国語を使用するには、自分でローカライズする必要があります。これを使用したことがある友人は気に入ると思います。