javascript - Jquery 验证 if/else 错误放置和 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"
})

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

看这里

对不起，我错过了你的问题....

试试这个 ：

$('#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