Question

I am validating a form and I am showing a message in a popup window, But <br> doesnt get after the error message. Why is it so. My code is as follow:

function closeBox() {
            var errorMsg = "";
                var ferrorMsg =  "first name is needed" + "<br>";
                var aerrorMsg = "Please type address" + "<br>";
                var eerrorMsg = "Please type a valid email Address"
                if($("#name").val() == "") {
                    errorMsg += ferrorMsg;
                }
                if($("#address").val() == "") {
                    errorMsg += aerrorMsg;
                }
                if($("#email").val() == "") {
                    errorMsg += eerrorMsg;
                }

                $(".errorContainer").text(errorMsg);


                $(".popupBox").remove();
                }


$("body").append("<div class='overlay'><div class='errorContainer'></div><div><a href='javascript:void(0);' onclick='closeBox()'>X</a><div></div>");

Answer 1

You’re using .text(), when you should be using .html().