Warum führt der Senden-Button zu einem anderen Tab?

Question

Ich versuche, eine Dummy-Nachricht oben auf "An:" Nur-lesen-Inout-Box anzuzeigen, nachdem Sie auf die Schaltfläche Send Mail im Mail-Tab wie unten gezeigt geklickt haben. Aber was passiert, ist anstelle der Anzeige der Nachricht, es öffnet sich "FAQ" Registerkarte. Können Sie mir vorschlagen, wie ich eine Nachricht über das Eingabefeld anzeigen kann, ohne auf die Registerkarte FAQ zu wechseln? Vielen Dank.

Hier ist die codepen

$("#frmDemo").submit(function(e) { 
    e.preventDefault(); 
    var name = $("#name").val(); 
    var comment = $("#comment").val(); 
    if(name == "" || comment == "") { 
    $("#error_message").show().html("All Fields are Required"); 
    } else { 
$("#error_message").html("").hide(); 
$.ajax({ 
    type: "POST", 
    url: "post-form.php", 
    data: "name="+name+"&comment="+comment, 
    success: function(data){ 
    $('#success_message').fadeIn().html(data); 
    setTimeout(function() { 
     $('#success_message').fadeOut("slow"); 
    }, 2000); 

    } 
}); 
} 
}); 

Answer 1

Ich denke, die Taste, um die FAQs Tab verknüpft ist. Möglicherweise hat die Schaltfläche Daten-Toggle-AMD-href-Attribute auf die FAQ-ID gesetzt.

Überprüfen Sie auch, ob eine Validierung in der FAQ-Registerkarte vorhanden ist, da Sie möglicherweise ein einzelnes Formular für alle Registerkarten verwendet haben.

Können Sie bitte den HTML-Code der Seite

Answer 2

versuchen so etwas wie dies teilen:

$("form#frmDemo").submit(function(e) { 

    let t = $(this); 
    let name = t.find("#name").val(); 
    let comment = t.find("#comment").val(); 
    let errorMsg = t.find("#error_message"); 
    let successMsg = t.find("#success_message"); 

    if(name == "" || comment == "") { 

    errorMsg.html("All Fields are Required").show(); 

    } else { 

    errorMsg.html("").hide(); 

    $.ajax({ 
     type: "POST", 
     url: "post-form.php", 
     data: "name="+name+"&comment="+comment, 
     success: function(data){ 
     successMsg.fadeIn().html(data); 
     setTimeout(function() { 
      successMsg.fadeOut("slow"); 
     }, 2000); 

     } 
    }); 

    } 

    e.preventDefault(); 
});