我需要添加一个动态文本来动态创建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;
});
});
现在如果没有输入第一个字段,那么我需要“Field1 required”错误消息,对于第二个字段,我需要“Field2 required”。如何获得此标题并显示错误li?
答案 0 :(得分:0)
你错过了连接字符串
input.after('<ul class="innererrormessages"><li>'+$msg+'</li></ul>')
^ ^ // added + here