如何使用Jquery Validator验证图像的src

问：

我正在使用 Jquery Validator 进行验证 （https://jqueryvalidation.org/)

我想添加一个自定义验证器，以确保图像设置了 src。 当文档准备就绪时，我添加了这个自定义验证器：

$.validator.addMethod("checkImageSrc", function(value, element) {
                        // Check if the img src is not empty
                        return (element.attr('src').trim() !== '');
                    }, "Please provide a valid image source.");

当按下按钮时，我正在执行 Validate 方法：

$('#hunt-form').validate({ // initialize the plugin
                            ignore: 'not:hidden',
                            rules: {
                                the_name_of_element_with_lots_of_under_scores:{
                                    checkImageSrc: true
                                },
...

但是，Validate 不是验证元素。 如果我将 checkImageSrc 函数更新为始终返回 false，它仍然无法检测到我的元素。

注意事项： “the_name_of_element_with_lots_of_under_scores”元素最初是隐藏的，并在裁剪器.js将裁剪后的图像绑定到它之后填充

我的代码有什么问题？