2016-01-13 236 views
0

这是我的html表单。它包含jquery验证插件。我试图验证我的输入字段类型文件。当我提交表单时,它应该检查用户上传图像与否。jquery输入类型文件验证

<html> 
<head> 
<script src="http://code.jquery.com/jquery.min.js"></script> 
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script> 
<script type="text/javascript" src="<?php echo $this->config->base_url(); ?>r/js/jquery.validate.js"></script> 
<script type="text/javascript" src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script> 
</head> 

<body> 
<form role="form" name="add_app_form"> 
<div class="upload-app-icon"> 
        <span>Uplod your App icon here</span> 
        <div class="add-icon"><input type="file" name="app_icon" id="app_icon" ></div> 

       </div> 
<div class="submit-formbtn"> 
        <input class="icon-btn" type="submit" value="Upload"> 
       </div> 
</form> 

当我提交我的表单jquery验证不起作用。 我使用这个JavaScript,但使用接受的用例的99.9%属性元素本身它不工作

<script type="text/javascript"> 

    $.validator.addMethod("notEqual", function(value, element, param) { 
     return this.optional(element) || value != param; 
    }); 


     $("#add_app_form").validate({ 

      rules: { 
       app_icon:{ 
         required: true, 
         extension: "xls|csv" 
        } 
      }, 
      messages: { 

       app_icon: "Add icon" 
      }, 
      tooltip_options: { 

       app_icon: {placement:'top',html:true} 
      } 
     }); 

</script> 

回答