jquery - Jquery での入力検証に div を使用する

Question

入力の検証をアラートではなく div で表示したいと考えています。私は現在持っています

//check for COGs to be a number
        if (isNaN($("#txtCOGs").val())) {
            alert("The Cost of Goods Sold must be a number");
            $("#txtCOGs").focus();
            return false;
        }

divに配置しようとしています

<div id="divError">

アドバイス？

Answer 1

$('#divError').text("The Cost of Goods Sold must be a number");

またはhtmlが含まれています：

$('#divError').html('<span style="font-style:italic">The Cost of Goods Sold</span> must be a number');

または、同じ div 内に複数のエラー メッセージを追加する場合:

$('#divError').append("The Cost of Goods Sold must be a number<br />");
$('#divError').append("Another error message...<br />");

Answer 2

//check for COGs to be a number
        if (isNaN($("#txtCOGs").val())) {
            $("#divError").text("The Cost of Goods Sold must be a number");
            $("#txtCOGs").focus();
            return false;
 }

この HTML コードでは:

<div id="divError"></div>