Jquery函数更新html

Jquery function to update html

本文关键字：html 更新 函数 Jquery      更新时间：2024-02-02

所以我尝试通过ajax进行表单验证。我以JSON的形式从服务器获取表单验证错误，并试图捕捉它们，并使用bootstrap alertdiv适当地显示它们

    // prepare Options Object for plugin
    var options = {
        beforeSubmit: function(form, options) {
            // return false to cancel submit
            block_form();
    },
    success: function() {
        unblock_form();
        $("#form_ajax").show();
    },
    error:  function(resp) {
        unblock_form();
        $("#form_ajax_error").show();
        // render errors in form fields
        var errors = JSON.parse(resp.responseText);
        for (error in errors) {
            $('#form_ajax_error').html("<div class='alert alert-danger' role='alert'>"error"</div>");
        }
    }
};

然而，这在控制台上给了我一个错误：

参数列表**后未捕获的语法错误：缺少）

在的下一行

$('#form_ajax_error').html("<div class='alert alert-danger' role='alert'>"error"</div>");

我做错了什么？

您需要使用+运算符将error变量连接到字符串。试试这个：

$('#form_ajax_error').html('<div class="alert alert-danger" role="alert">' + error + '</div>');
相关文章：