Question

在执行ajax请求后，我收到包含验证错误的以下json错误。

{＆＃34;错误＆＃34;：{＆＃34;名称＆＃34;：[＆＃34;名称字段是必需的。＆＃34;]，＆＃34;说明＆＃34;：[ ＆＃34;描述字段是必需的。＆＃34;]}}

我正在使用下面的javascript函数捕获错误。

function formErrorsHandler(formWithElements, errorsForFormElementsJson) {
    console.log(errorsForFormElementsJson);
}

如何使表单元素变为红色并显示元素验证错误消息？

我可以使用validate来实现这一目标吗？

我的表单布局如下：

<form>
    <div class="form-group">
        <label for="name">Name:</label>
        <input class="form-control" name="name" type="text" id="name">
    </div>
    ....
</form>

Answer 1

这是我最终提出的： - ）

function formErrorsHandler(form, errors) {

    $("label.error").remove();
    $('.error').removeClass('error');

    form.find('input, textarea, select').each(function(){
        var error = errors[$(this).attr("name")] ? errors[$(this).attr("name")] : null;
        if(error) {
            $(this).addClass("error").after('<label class="error">' + error + '</label>');
        }
    });
}

如果您可以推荐任何优化，请与我们联系。

使用Ajax数据添加引导程序验证错误＆amp; jQuery的

1 个答案: