javascript - 将 JQuery 验证结果放置在单元格之外

Question

我无法获取验证函数结果“必填字段”来填充表格的文本输入框。

当前代码将结果放在单元格的右侧而不是内部。我相当肯定它是 $(this).parent().append 部分，但在尝试了其他几种变体之后，我没有达到预期的结果。

*代码通过检查 class = requiredField 属性来验证单元格中当前是否存在值。

非常感谢任何提示。-谢谢。

<script type="text/javascript">
$(document).ready(function() {
$('form#commentform').submit(function() {
    $('form#commentform .error').remove();
    var hasError = false;
    $('.requiredField').each(function() {
        if(jQuery.trim($(this).val()) == '') {
            $(this).parent().append('<span class="error">*Required field</span>');
            hasError = true;
        }
    });
    if(!hasError) {
        alert('Validation Complete');
    }
    return false;
  });
});
</script>

Answer 1

您可以使用以下after()方法：

$(this).after('<span class="error">*Required field</span>');

http://api.jquery.com/after/