javascript - Jquery 验证 if/else errorplacement 和 plus placement in div

Question

我有一个表单，其中单选按钮的位置与表单中其他元素的位置不同。

我想保留这个但也将错误添加到一个 div 中。可以这样做吗？

现在我有这个用于放置单选按钮

$('#newform').validate({
    onfocusout: function(element) { $(element).valid(); },
    errorPlacement: function(error, element) {
        if ( element.is(":radio") ) {
            error.prependTo( element.parent() );  
        }
        else { // This is the default behavior of the script  
            error.insertAfter( element );
        }  
    },
    rules{XXX},
    messages{}

等等。如何在不删除当前功能的情况下将错误消息添加到 div？

Answer 1

使用 errorLabelContainer 选项:

$("#myform").validate({
   errorLabelContainer: "#messageBox",
   wrapper: "li"
})

这会将所有错误放在 ID 为 messageBox 的 DOM 元素内的列表 ( li) 中

参见 here

<罢工> 对不起，我误解了你的问题....

试试这个:

$('#newform').validate({
        onfocusout: function(element) { $(element).valid(); },
        errorPlacement: function(error, element) {
            if ( element.is(":radio") ) {
                error.prependTo( element.parent() );  
            }
            else { // This is the default behavior of the script  
                error.insertAfter( element );
            }
            error.appendTo('#errordiv');
        },

这将保留您当前的功能，但还会将消息附加到 ID 为“errordiv”的 div