2016-10-25 64 views
1

在下面的小提琴jQuery验证被删除

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; 
} 
+0

检查我看到,当你选择一个图片,然后它增加了一个输入(可能是您用于PIC预览窗口小部件)的代码,您应该创建一个同样的规则,或任何附加事件在删除按钮完全删除它。我只是猜测,没有尝试任何解决它。 – Imaginaroom

+0

感谢您的输入,但我无法捕获删除按钮。 – Pawan

+0

不能用jquery附加一个事件吗?只要检查该元素即可看到它是id还是class。 – Imaginaroom

回答

1

我已经更新了其被用于验证输入您fiddle,它被移除name属性,我已经当按下删除按钮时,将其放回原位,以便验证现在可以正常工作。

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

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

}); 
+0

非常感谢您节省了我的一天。 – Pawan