jquery - 如何将jquery验证错误消息的位置移动到一个框中

Question

我正在使用 jquery 验证库。我想在表单顶部显示表单验证错误消息。

Answer 1

尝试

$().validate({
    errorPlacement : function(error, element) {
        $('#errorct').append(error)
    }
})

演示：小提琴

Answer 2

在表单顶部创建一个带有 id（例如#error）的 div，生成错误消息（submit.php），检查字段是否为空并将错误消息加载到 div #error 中。

<script type="text/javascript">
jQuery('#error', window.parent.document).html( function(){
$(this).text('<?=$errorMessage;?>');
});
</script>

编辑：看到这个很晚......你使用验证库。...无论如何希望这会有所帮助...

Answer 3

@Arun 回答按预期工作。可惜我发现太晚了。在我找到这个线程之前，我做了这个让它工作。如果 Arun 的答案对您不起作用，请使用它。确保 subscribe-error div 在表单内：

if( $('#email-error').length ) {
            var emailError = $('#email-error').clone();

            setTimeout( function(){
                $('#email-error').remove();
                emailError.appendTo( $('#subscribe-error') );
            }, 10);
        }