添加動態文本以動態創建li

Question

我需要添加動態文本以動態創建li。我有一個有很多輸入字段的表單。在提交表單時，我需要檢查所需字段並顯示每個字段特有的錯誤消息。這是我目前使用的代碼。

<form action="" id="submit_form"> 
<input class="required" type="text" id="test1" name="test1" title="Field1 required" /> 
<br/> 
<input class="required" type="text" id="test2" name="test2" title="Field2 required" /> 
<br/> 
<input type="submit" name="submitButton" value="Submit" /> 

jQuery函數

$(function() { 
    $('#submit_form').submit(function() { 
     var returnValue = true; 
     $('#submit_form .required').filter(':visible').each(function() { 
      var input = $(this); 

      input.next('div.error_text').remove(); 
      input.removeClass('highlight'); 

      if (!input.val()) { 
       input.addClass('highlight'); 
       var msg = $(this).attr('title'); 
       input.after('<ul class="innererrormessages"><li>'$msg'</li></ul>') 
       returnValue = false; 
      } 
     }); 

     return false; 
    }); 
}); 

現在，如果沒有輸入第一個字段，然後我需要「字段1要求的」錯誤消息和第二場，我需要「字段2必需的」。我怎樣才能得到這個標題並顯示在錯誤裏？

Answer 1

你錯過來連接字符串

input.after('<ul class="innererrormessages"><li>'+$msg+'</li></ul>') 
               ^^// added + here