開発環境
- OS X Mavericks - Apple (OS)
- Dart Editor (開発環境)
- Dartium | Dart/ Structured web apps (ブラウザ, Dart VM 用 (Chromium with the Dart VM))
- Safari (ブラウザ, JavaScript 用)
- Dart (プログラミング言語)
Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の7章(フォームと検証)、自分で考えてみよう(p.311)をDartで考えてみる。
その他参考書籍
- What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想
自分で考えてみよう(p.311)
コード
sample.dart
import 'dart:html'; void main() { zip_code.onBlur.listen((FocusEvent event) => validateZipCode(zip_code, zip_code_help)); } InputElement zip_code = querySelector('#zip_code'); SpanElement zip_code_help = querySelector('#zip_code_help'); bool validateZipCode(InputElement input, SpanElement span) { String zip = input.value; if (zip.length != 5) { if (span != null) { span.text = '5桁の数字を入力して下さい。'; } return false; } if (int.parse(zip, onError: (String s) => -1) == -1) { if (span != null) { span.text = '数字を入力して下さい。'; } return false; } if (span != null) { span.text = ''; } return true; }
0 コメント:
コメントを投稿