2016-01-13 3 views
0

Это моя html-форма. Он содержит плагин проверки правильности jquery. Я пытаюсь проверить мой файл типа поля ввода. Когда я отправлю форму, она должна проверить изображение загрузки пользователя или нет.jquery input type file validation

<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, но он не работает

<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> 

ответ

0

типов файлы Ограничение на самом элементе, используя принимать атрибут для 99,9% случаев использования. http://www.w3schools.com/tags/att_input_accept.asp

Однако, как он указывает, не используйте это для проверки/обеспечения безопасности. Вся проверка типа файла/содержимого должна выполняться на стороне сервера.