0

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>");
Mike
  • 3,348
  • 11
  • 45
  • 80

2 Answers2

5

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

Matt Ball
  • 354,903
  • 100
  • 647
  • 710
0

use $(".errorContainer").html(errorMsg); instead $(".errorContainer").text(errorMsg);

jamsheer K
  • 49
  • 5
  • this question has already been answered in that respect do you know how do i acheeive what is in the comment to david – Mike Mar 25 '12 at 20:01