0

標題の件、予め、数値のみの入力制御、カンマ表示、フォーカス時の数値表示化を施したテキスト枠があります。(以下要領で)

$("input[name=amount]").on({
    "keydown": function(e) {
        var k = e.keyCode;
        if (!((k >= 48 && k <= 57) || (k >= 96 && k <= 105) || k == 32 || k == 8 || k == 9 || k == 46 || k == 39 || k == 37)) {
            return false;
        }
    },
            "blur": function() {
        var num = $(this).val();
        num = num.replace(/(\d)(?=(\d\d\d)+$)/g, "$1,");
        $(this).val(num);
            },
            "focus": function() {
        var num = $(this).val();
        num = num.replace(/,/g, "");
        $(this).val(num);
    }
});

こちらの枠の内容がクリアされた際、近隣のラベル要素に表示された内容も自動でクリアされるようコーディングしているつもりですが、作用してくれません。
(数量の入力枠をクリアしたら、単価表示をクリア、ということを達成したいです)

当該枠に関わる動作が全く制御できていないわけではありません。
検知できている条件式と、検知できていない条件式があるようです、
以下Blurイベント内の、動作できている部分、動作できていない部分をコメントで記載しています。

//数量のテキストボックスからフォーカスが外れたら
$("input[name=amount]").on("blur",function() {
    //0の入力は拒む ⇒【動作OK】
    if ($(this).val() == 0) {
        $(this).val("");
        return false;
    }
    //TD要素まで遡り、下方向にテキスト要素・ラベル要素を取得。
    //指数指定で、品名コード枠と原価単価枠のラベルを捉える。
    var input = $(this).parent().parent().find("input");    //品名コード枠
    var maker_val = input.eq(0).val();
    var label = $(this).parent().parent().find("label");    //原価単価枠

    //品名コード枠の入力が先行されている必要あり ⇒【動作OK】
    if (maker_val == "" && $(this).val() != "") {
        $(this).val("");
        return false;
    }
    //数量枠をクリアされたら、単価表示をクリア ⇒******【動作できない】*******
    if (maker_val != "" && $(this).val() == "") {
        alert("***なんで***"); // 『表示もされない』
        label.eq(3).html("");
        return false;
    }
    //品名コード枠の入力と数量枠が1以上の入力で、単価を表示 ⇒【動作OK】
    if (maker_val != "" && $(this).val() != "") {
        $.ajax({
            url: "cdcostget.php",
            type: "POST",
            dataType: "json",
            data: {
                maker_no: maker_val,
                maker_no2 : costGetYM()
            }
        })
    以下 省略

====質問====
上記コーディング内の******【動作できない】******と記載した部分は、
なぜキーボード(DELETE・BackSpaceキー)で内容をてクリアが達成されても、働いてくれないのでしょうか?(.val()==""では聞き方が間違っているのでしょうか、それとも何か残っているのでしょうか?)

大変初歩的な質問と思われますが、何卒よろしくお願い申し上げます。

1 件の回答 1

1
//0の入力は拒む ⇒【動作OK】
if ($(this).val() == 0) {
    $(this).val("");
    return false;
}

JavaScriptでは "" == 0true と評価されるため、当該inputが空の場合にここで終了します。
文字列0と比較したいのであれば $(this).val() == "0" とすべきです。

1
  • sayuri様 早速のご回答ありがとうございました。いつもすみません。
    – saya24
    Commented 2017年11月1日 1:38

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。