検索条件でFocusOut（入力値ゼロ詰め） – TALON構築支援サイト

!++++

Ver.5　[ 機能を見る ] [ 機能設定を見る ]
Ver.6　[ 機能を見る ] [ 機能設定を見る ]

!----

検索条件項目でFocusOutを実施するサンプルです。
当サンプルではFocusOutの際に入力値をゼロ詰めして編集しています。

下記の画面イメージでは、検索条件の商品コード項目に123と入力し、FocusOutすると00123のように入力値のゼロ詰めを行います。

画面イメージ

開発のポイント

/* イベントの処理の定義 */
function action() {
    var val = this.value;
    /* ５桁のゼロパティングを行う */
    this.value = ( '00000' + val ).slice( -5 );
}

var isValid = true;

function resizeContents_start() {

    if ( isValid ) {
        /* 対象の項目入力値を取得 */
        var inputElement = getElementByName( "CNDTN_ITEM_CODE" ) ;;

        /* 対象項目にイベントの追加 */
        inputElement.addEventListener("blur", action);
    }
    isValid = false;
}

上記ロジックは機能設定画面のClient-side JavaScriptに記述します。