14、结合 HTML5 表单与 Dart 及 HTML5 和 Dart 构建游戏

结合 HTML5 表单与 Dart 及 HTML5 和 Dart 构建游戏

1. HTML5 表单与 Dart 结合

在处理 HTML5 表单与 Dart 结合的应用时，数据转换和验证是关键步骤。

1.1 数据验证

在模型中进行数据验证能使应用更健壮，且独立于前端图形界面。以银行账户类 BankAccount 为例，对账户号码字段进行验证：

String  _number;
String get number => _number;
set number(value) {
    if (value == null || value.isEmpty)
        throw new ArgumentError("No number value is given");
    var exp = new RegExp(r"[0-9]{3}-[0-9]{7}-[0-9]{2}");
    if (exp.hasMatch(value)) _number = value;
}

创建 BankAccount 对象时，需要捕获可能的错误：

try {
    BankAccount bac = new BankAccount(p, number.value, double.parse(balance.value), int.parse(pin_code.value));
} catch(e) {
    window.ale