jquery如何验证文件字段?

时间:2013-01-10 14:21:48

标签: jquery validation

我正在进行验证过程,我需要2个建议,我正在做的方式是正确的吗?以及如何验证文件字段?

是谁有人告诉我正确的方法?

var validateForm = function(form){
     var  submit = form.find(':submit'),
          elements = form.find(':input'),
          status = true;

     $('#contactForm').submit(function(event){

          $(elements).each(function(){

               var need = $(this).data('required');

               if(need === 'text' && !$.trim($(this).val()).length){
                    $(this).css({border:'1px solid red'});
                    status = false;
               }else{
                    status = true;
               }
               if(need === 'textarea' && !$.trim($(this).val()).length){
                    status = false;
               }else{
                    status = true;
               }
               if(need === 'checkbox' && !$(this).prop('checked')){
                    status = false;
               }else{
                    status = true;
               }
               if(need === 'file'){
                    //how to check the file elment? 
               }else{
                   status = true; 
               }
          })
          return status;
     })
}

提前谢谢!

3 个答案:

答案 0 :(得分:2)

要检查是否设置了文件输入,可以使用

if ($('#yourFileInput').val()) {
   // file selected
}

答案 1 :(得分:1)

您可以使用此Form validate plugin

问候。

答案 2 :(得分:0)

通常,“file”类型的输入将由用于上载文件的脚本验证。您通常可以限制文件大小,文件类型等。

如果您需要确保用户在表单提交中包含文件,那么当用户选择文件时,请使用Uploadify或Plupload等工具验证文件,然后向表单返回一个标记,表示已上传然后成功提交表格提交检查该标志。

http://www.uploadify.com/

http://www.plupload.com/

相关问题