Dart - フォームと検証(データの長さの検証)

Dart: Up and Running
(O'Reilly Media)
Kathy Walrath Seth Ladd (著)
[Kindle版]
このブログでの感想

開発環境

• 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.307)をDartで考えてみる。

その他参考書籍

• What is Dart? [Kindle版] (O'Reilly Media) Kathy Walrath Seth Ladd (著) このブログでの感想

自分で考えてみよう(p.307)

コード

sample.dart

import 'dart:html';

void main () {
  message.onBlur.listen((FocusEvent event) =>
      validateLength(1, 32, message, help_text));
}

InputElement message = querySelector('#message0');
SpanElement help_text = querySelector('#message_help');

bool validateLength (int min_length, int max_length, InputElement input_field,
                     SpanElement help_text){
  int input_length = input_field.value.length;
  if (input_length < min_length || input_length > max_length) {
    if (help_text != null) {
      help_text.text =
          '$min_length文字以上、$max_length文字以下のメッセージを入力して下さい。';
    }
    return true;
  }
  if (help_text != null) {
    help_text.text = '';
  }
  return true;
}

メッセージを入力して下さい: