1

ライブデモ

電子メールの入力を考えてみましょう:

<input type="email" ng-model="client.email">

a@b入力した場合はのclient.emailままundefinedですが、入力は:invalidとは見なされません。

Bootstrapを使用して入力のスタイルを設定すると、入力に有効な電子メールがあることを示す赤ではなく、通常の青のアウトラインが入力に表示されます。

ユーザーは有効な電子メール アドレスを入力したと思っているのに、AngularJS の基礎となるモデルが設定されていないため、これは非常に混乱を招きます。

これを処理する方法に関する推奨事項はありますか?

4

1 に答える 1

0

Bootstrap の使用があなたを混乱させたと思います。ng-invalid / ng-valid クラスのスタイルを自分で追加すると、エラーであることがわかります。

たとえば、http://docs.angularjs.org/guide/formsの 2 番目の例は、無効/有効な型のカスタム クラスを追加する方法を示し、a@b が実際に無効な値であることを示しています。

于 2013-07-02T01:01:25.103 に答える