validation

YUI2.7.0のEditable Table(編集可能な表)でのバリデーション(その3:相関チェックをする)

先のログで、DataTableのセルエディタ(Cell Editor)についてバリデータを自作してみた。ここで一点気になるのが、表の同一行内の値との「相関チェック」をどうするか?ということ。先のログのバリデーションでは、「そのセルの値」のみがチェックの対象。…

YUI2.7.0のEditable Table(編集可能な表)でのバリデーション(その2:バリデータを自作する)

今回は、DataTableの「セルエディタ(Cell Editor)に設定するバリデータ(validator)」を自作してみる。YAHOO.widget.DataTable.validateNumberのソースを見ると、以下のように書けばいいことがわかる。 引数として入力値をとる関数 引数を検証し、OKならo…

YUI2.7.0のEditable Table(編集可能な表)でのバリデーション

簡単な入力フォームのバリデーション(入力検証、入力制限)について書いてきたが、編集可能なテーブルについても同様な処理をしたい。YUIのDataTableはよく出来ているので、バリデーションからサブミットまでのプロセスの雛形を作っておいても損はなさそう…

超簡単にフォーム入力&サブミットしたい;その2

前回の戦略に沿って、コードを書いてみた。サンプルの初期画面は以下。 戦略通りに、テキスト入力フィールドには、グレーで入力ガイドを書いている。 以下のスクリーンショットは、入力途中でバリデーションがかかったところ。 入力して、次の入力フィールド…

超簡単にフォーム入力&サブミットしたい

地味ーに、バリデーションのコードを書いてきたが、超簡単にフォーム入力&バリデーション(入力検証、入力制限)&サブミットできるとうれしい。コンセプトは、 フォームに(簡単なルールで)inputタグを書くと、自動的にバリデーションがくっついて、サブ…

JavaScript+PHP5でつくる簡易バリデータ(入力検証、入力制限);その3

前回のログのサンプルを改造して、MyValidator.class.phpを使った以下の仕様のサンプルを作った。 入力フィールドと(それに対応する)ボタンを複数個配置する。 ボタンのイベントハンドラを汎用化して、いちいち指定しなくてもいいようにする。 こうすると…

JavaScript+PHP5でつくる簡易バリデータ(入力検証、入力制限);その2

2009/4/22; Javascriptがバグっていたので修正 2009/4/22; Javascriptのコメントを修正 - MyValidator.class.phpを使って、ボタンを押すと特定の入力フィールドを検証するコードを書いてみる。画面の初期イメージは以下。 MyValidatorでは、日付の入力形式…

JavaScript+PHP5でつくる簡易バリデータ(入力検証、入力制限)

2009/4/22; Javascriptがバグっていたので修正。 2009/4/22; Javascriptのコメント行を修正。 - 2009/4/21; Javascriptがバグっていたので修正。 - 前回のログで、Javascriptの簡易バリデータ(MyValidator.js)を作成してみた。 クライアントサイドでのバリ…

javaScriptでつくる簡易バリデータ(入力検証、入力制限)

2009/4/20: html(2つ目のソース)をちょっと修正 - 現在、簡単なアプリケーションを作ろうとしているのだが、クライアントサイドで簡単なバリデーション(入力検証、入力制限)を行う適当なツールが見当たらない。 こちらのサイト(Gigazineさんの記事)に…