javascript - 通过 json 结果在输入下附加表单验证消息

Question

我正在尝试添加服务器端验证，这很好，但我想在每个单独的输入下显示消息。这是我的 json 返回的示例:

{  
   "title":"The title field is required",
   "description":"The description field is required",
   "price":"The price field is required",
   "startingprice":"The startingprice field is required",
   "startprice":"The startprice field is required",
   "type":"The type field needs to contain one of these values: auction",
   "condition":"The condition field needs to contain one of these values: new",
   "auctionlength":"The auctionlength field is required",
   "shortdescription":"The shortdescription field is required",
   "offers":"The offers field is required",
   "returns":"The returns field needs to contain one of these values: accept",
   "country":"The country field is required",
   "shippingcost":"The shippingcost field is required"
}

这就是我尝试通过 jquery 实现的方法:

$.each(data, function(input, message)
{
    console.log(input);
    $('input[name='+input+']').append(message);
});

还有我的表格示例:

<input type="text" name="title">
<input type="text" name="description">

我检查了控制台日志，没有收到任何错误，有什么帮助吗？

Answer 1

您想使用.after()而不是追加。

$.each(data, function(name, message) {
    $('input[name='+ name +']').after('<div class="error">' + message + '</div>');
});

Demo