将动态文本添加到动态创建的li中

时间:2013-10-17 07:41:35

标签: jquery css

我需要添加一个动态文本来动态创建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?

1 个答案:

答案 0 :(得分:0)

你错过了连接字符串

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