追加画面・編集画面で入力に応じて赤文字にしたい

いつも大変お世話になっております。

追加画面・編集画面で
入力した文字を赤くしたり、太文字にしたり、
することは可能でしょうか?

以前に同じような質問をして解決しなかった(ここの箇所に対しての回答なし)ので、質問致しました。

わかる方・詳しい方、ご教授頂きたいです。
よろしくお願いします。

お世話になります。

 

Kintone標準の「 kintone.app.record.getFieldElement() 」

が追加編集画面でも使用できれば簡単に実現できますのに。。。

 

少々無理やりですが上記内容を実現できましたのでご紹介します。

下記方法以外で簡単に実現できる方法がありましたら私も知りたいです。

 

※こちらの方法はKintoneのバージョンアップで動作しなくなる可能性があります。

※Jqueryを使用しています。使用しない場合はJS標準のDOM操作に変更すれば動くはずです。

 

kintone.events.on([“app.record.edit.show”,“app.record.create.show”], function(e) {

    //フィールドのIDを取得
    var id_field1 = fieldIDRtn(“field1”);
    var id_field2 = fieldIDRtn(“field2”);

    //フィールドのエレメントを取得(jQuery)
    var $element_field1 = $(‘.field-’ + id_field1 + ’ input’);
    var $element_field2 = $(‘.field-’ + id_field2 + ’ input’);

    //フィールド1を太文字、赤文字にする
    $element_field1.css({
        ‘color’:‘red’,
        ‘font-weight’:‘bold’
    });

    //フィールド2を太文字にする
    $element_field2.css({
        ‘font-weight’:‘bold’
    });

});

/**
* fieldElementのクラス名IDを取得
*
* @param {String} fieldCode フィールドコード
* @return {}
*/
function fieldIDRtn(fieldCode) {
    var fieldObj = {};
    var fieldList = cybozu.data.page.SCHEMA_DATA.table.fieldList;
    for(var i in fieldList) {
        if(fieldList[i].var == fieldCode) {
            var fieldObj = fieldList[i];
            break;
        }
    }
    return fieldObj ? fieldObj.id : undefined;
}

返答ありがとうございます!
赤文字・太文字はできるようになりました。助かりました!

ここの質問の箇所は希望通りにできたのですが、
最終の希望通りは できずにいます。

入力された数値テキストの合計がマイナスだった場合、
「マイナスですよ!再確認してください!」
と赤い太文字で表示したいのですが、

ワンテンポ遅れるというか、
マイナスの数値テキストを入力して、次のテキストを入力してから、
赤い文字になります。

すごく悩んでいるのですが、このズレはどうしようもないですかね。。。

前回の質問:
https://developer.cybozu.io/hc/ja/community/posts/360021222931-%E3%83%95%E3%82%A3%E3%83%BC%E3%83%AB%E3%83%89%E3%81%AE%E5%80%A4%E3%81%8C%E3%83%9E%E3%82%A4%E3%83%8A%E3%82%B9%E3%81%AE%E6%99%82%E3%81%A0%E3%81%91-%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%81%AE%E8%89%B2%E3%82%92%E8%B5%A4%E8%89%B2%E3%81%AB%E3%81%97%E3%81%9F%E3%81%84%E3%81%A7%E3%81%99-