javascript - 在对话框 <div> 中的消息中添加新行

Question

只是想问一下如何将消息放在另一行中。这是我程序中的代码:

function isEmpty(field,name,minVal, maxVal){
  var msg ="";
  if (field.val() >= minVal || field.val() <= maxVal){
    if ( field.val().length == 0){ 
      msg=(name + ' is empty.\n');
    }
  }
  else{
    msg=(name + ' inputted is invalid or number is more than 1000. \n');
  }  
  return msg;
}

function validateTallyReq(par){
  var msg= "Please read the following:";

  msg += isEmpty($('#tallyPlankNo'),'Plank Number ',1,999) ;        
  msg += isEmpty($("#tallyThick"), 'Thickness value',.9,999);
  msg += isEmpty($("#tallyWidth"), 'Width Value',.9,999);
  msg += isEmpty($("#tallyLength"), 'Lenght Value',.9,999);
  msg += isEmpty($("#tallyQty"), 'Quantity',1,3);

  if (msg == "")  { 

  } else {
    showMessage(msg);    
  }
  return false; 
}

这会在一行中输出消息。我想要的是要输出的消息:

Please read the following:

Plank Number is empty. 
Thickness value is empty. 
Width Value is empty. 
Lenght Value inputted is invalid or number is more than 1000. 
Quantity is empty. 

还有一个问题，我真的不知道为什么它显示长度值无效，尽管我没有输入任何值。请帮忙。

编辑
这是我的 showMessage 函数:

function showMessage(msg) {
  $('#dialog #message').text(msg);
  $('#dialog').dialog('open');
}

Answer 1

尝试添加 <br/>每行后的消息。如果 show() 会起作用方法正在做类似 $("#displaydiv").html(msg); 的事情

msg += "<br/>";

至于意外invalid消息，看起来这个条件中的逻辑是错误的:

if (field.val() >= minVal || field.val() <= maxVal)

试试看

if (field.val() >= minVal && field.val() <= maxVal)