jquery - 使用 div 进行 Jquery 输入验证

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>