删除上传的图像后 jQuery 验证不起作用答案

【问题标题】：jQuery validation not working after uploaded image is removed删除上传的图像后 jQuery 验证不起作用
【发布时间】：2016-10-25 20:09:34
【问题描述】：

在下面的小提琴中

http://jsfiddle.net/Luf0ks9b/22/

步骤 1. 选择任意图片并上传

第 2 步。点击删除按钮

现在点击提交按钮，输入类型文件的验证失败？？

它不需要输入文件

这是我的代码

jQuery(document).ready(function()
{
        validatePacInsertForm();
});

 $("#previewpic").change(function(){

        $("#previewpic").blur().focus(); 
    });

function validatePacInsertForm()
{
        $('#pacinsertform').validate(
        {
                rules:
                {
                        previewpic:
                        {
                                required: true
                        }
                },
                messages:
                {
                        previewpic:
                        {
                                required: "Upload Image required",
                        }
                },
                highlight: function(element)
                {
                        $(element).parent().addClass('error')
                },
                unhighlight: function(element)
                {
                        $(element).parent().removeClass('error')
                },
                submitHandler: function(event, validator)
                {
                        if ($("#pacinsertform").valid())
                        {
                                ajaxInsertPac();
                                return false;
                        }
                }
        });
}

function ajaxInsertPac()
{
        alert('ajax call heer');
        return false;
}

【问题讨论】：

检查我看到的代码，当你选择一张图片时，它会添加另一个输入（可能是你用于图片预览的小部件），你应该也为那个创建一个规则，或者附加删除按钮上的事件以将其完全删除。我只是猜测，还没有尝试解决它。
感谢您的输入，但我无法捕获删除按钮。
你不能用 jquery 附加一个事件吗？只需检查该元素以查看它的 id 或类。
好的，就像你在这里提到的那样jsfiddle.net/Luf0ks9b/23
我发现了问题，请在下面查看我的答案。

标签： jquery

【解决方案1】：

我已经更新了您的fiddle，它正在删除用于验证的输入的名称属性，我刚刚在按下删除按钮时将其放回，因此验证现在可以正常工作了。

$(document).on("click", ".removepic", function(event) {

    $("#previewpic").attr('name', 'previewpic');

});

【讨论】：