2013-03-08 9 views
7

Meteorにはまだ検証スマートパッケージが組み込まれていません。どのような検証ライブラリを検討すべきですか?他の人は何を使用していますか?流星でのフォーム入力検証

+0

私はあなたがすでに知っていることを認識しますが、フォームのサポートが来ています。最新の情報(以下でDavidの善良な答えを使用することにしても恩恵を受けることができます)はhttp://www.youtube.com/watch?feature=player_embedded&v=RSASfz_vU2k –

答えて

9

私たちは、検証のためにCollection2とautoformと共にsimpleSchemaを使用することに決めました。これは非常に洗練されたソリューションです。手作業で各フォームをロールするのではなく、このアプローチを使用して時間を大幅に節約します。

は、単純に(検証ルールを設定し、データ型のために自動的に提供し、IsRequiredこのされている)、その後オートフォーム(単一のコード行)でフォームを作成し、検証ルールでスキームを定義することによって、あなたは自由

    ためにこのすべてを取得します
  • bootstrap3クラスを使用する自動生成されたフォーム。
  • コレクションスキーマのすべてのキーに適切なHTML5フィールド。
  • 入力された値を収集してコレクションに挿入する送信ボタン。
  • コレクションに添付されているスキーマに基づいてフォームの検証が行われます。既定では、フォームはユーザーが送信するときに検証されます。無効なものがあれば、ユーザが問題を修正すると、フォームはキーアップ時に継続的に再検証されます(抑制されます)。
  • フィールドの下に表示され、カスタマイズして翻訳できるデフォルトの検証エラーメッセージ。

meteor-simple-schema Meteorのシンプルでリアクティブなスキーマ検証スマートパッケージです。 https://github.com/aldeed/meteor-simple-schema

流星・コレクション2 スキーマを指定して挿入し、更新時に、そのスキーマに対して検証するためのサポートを提供するMeteor.Collectionを拡張流星のためのスマートパッケージ。また、仮想フィールドのサポートを追加します。 https://github.com/aldeed/meteor-collection2

流星オート 簡単に自動挿入および更新イベント、および自動反応性の検証で、基本的なフォームを作成するために、UIコンポーネントやヘルパーを追加流星のためのスマートパッケージ。 https://github.com/aldeed/meteor-autoform

+0

このアプローチでは、異なるユーザー言語を使用している場合は、各エラーメッセージを設定する作業がたくさんあります –

+0

なぜですか?私たちのアプリは完全に多言語です。 MeteorではmessageFormatパッケージを使用します。私はあなたが多くの仕事をしなければならないことを教えてください。私は助けようとします。 https://github.com/gadicc/meteor-messageformat/ –

+0

どのように正しい言語で異なるエラーメッセージが表示されますか? –

8

meteoriteを使用する場合は、atmosphere packagesを検索して人気のあるものを確認できます。私は現在jqBootstrapValidationを使用しています。過去に私はvalidate.jsを使用しましたが、今はブートストラップの統合で何かを持つことを好みます。私はparsley.jsがクールな子供たちに人気があると聞いていますが、この記事の執筆時点ではスマートなパッケージはありませんが、それはsolveまでは簡単です。

+0

にありますのでインストールできませんこれらのパッケージはすぐに使えるMeteorを備えていますか?この隕石は必須ですか?何故ですか?これは非標準のパッケージ形式なので、何か?乾杯! –

+2

メテオールには、ほんの一握りのパッケージが付属しています。コミュニティによって作成されたパッケージをインストールするには、隕石が必要です。私の答えで最後のリンクが見える場合は、プロジェクトに単純なフロントエンドのライブラリを含めるだけで十分です。だから、あなたは隕石をインストールする必要はありませんが、パッケージのインストールが容易になるので多くの人が実行しますが、それはあなた次第です。 –

+0

ありがとうございました! –

5

あなたはすでにMeteorの一部としてTrackerを持っていますので、一般的なフォームの検証シナリオを実装するためのチュートリアルとJSfiddleを一緒に使用します。

http://bit.ly/meteor-form-validation-video

http://bit.ly/meteor-form-validation-fiddle

+0

こんにちはディーン、以前にsimpleSchemaを使ってみましたか?いくつかのフォームを持つシンプルなアプリケーションの場合、それは残酷かもしれませんが、多くのフォームを備えた大きなアプリケーションでは、すべての詳細を自分で実装しなければならない規範的なアプローチよりもはるかに生産的であることがわかりました。このデモをチェックして、最小限の労力でどのくらいの機能を利用できるかを確認してください。 https://github.com/aldeed/meteor-autoform#demo –

+2

フォームは自分が所有するデータベース用ではない場合もあります(API呼び出しの場合もあります)。しかし、チップをありがとう。 –

+3

実際、それは問題ではありません。スキーマを使用して、所有しているデータベース用かどうかを検証することができます。 ORMなどのように実際にデータをmongoに書き込むわけではありません。あなたはそれを支配する。たとえば、Stripe APIの支払い情報を検証する場合でも、simpleSchemaとautoformを使用します。 –

関連する問題