1

我需要在动态创建的 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 中?

4

1 回答 1

0

你错过了连接字符串

input.after('<ul class="innererrormessages"><li>'+$msg+'</li></ul>')
                                                 ^    ^ // added + here
于 2013-10-17T07:43:51.077 回答