Help us understand the problem. What is going on with this article?

Ember.js バリデーションサンプル

More than 5 years have passed since last update.

Ember.jsは自前ではバリデーションの仕組みを提供していません。ember-dataもバリデーションの機能は現在のところ、備えていません。バリデーションの仕組みが個々に提案されている状況です。

それらのうち、Viewを拡張してわりとスマートにバリデーションを実装しているサンプルがありましたので、紹介します。

https://gist.github.com/3301728

フォーカスが離れたタイミングで validate メソッドを呼び出し、結果を code と message にセットしています。codeとmessageはエラーメッセージ表示欄に表示されます。

サーバ側でないとバリデーション判定できない要素のために、ajaxでサーバに問い合わせ、結果が帰ってきた段階でバリデーション結果を表示することもできます。

実際に動くサンプルも用意されています。試してみてください。

http://jsfiddle.net/kTJCH/

kmdsbng
京都で働いてるプログラマです
http://twitter.com/kmdsbng
mmj
ウェブシステム開発やサービスを運営している京都の会社です。Kotlin, TypeScript, Reactを中心とした開発体制への移行をしています。 その前はRuby on Rails を中心に開発をしていました。
https://www.mmj.ne.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away