開発環境
- 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 コメント:
コメントを投稿