Jquery Funktion zum Aktualisieren von HTML

Question

So versuche ich Form Validierung über Ajax.Ich bekomme die Formularüberprüfung Fehler vom Server als JSON und ich versuche, sie zu fangen und sie mit bootstrap alert div.Following ist meine Funktion angezeigt :

// 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>"); 
     } 
    } 
}; 

aber das gibt mir einen Fehler auf der Konsole:

Uncaught SyntaxError: missing) after argument list**

auf der folgenden Zeile

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

Was mache ich falsch?

Answer 1

Sie müssen die error-Variable mit dem Operator + an die Zeichenfolge verketten. Versuchen Sie folgendes:

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