jquery how to validate file field?

Question

i am doing a validation process, i need 2 suggession one is the way i am doing is correct? and how to validate the file field?

any one show me the right way?

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; }) }

thank in advance!

Arnaud Christ · Accepted Answer · 2013-01-10 14:45:14Z

2

To check if a file input is set, you can use

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

answered Jan 10, 2013 at 14:45

Arnaud Christ

3,5713 gold badges27 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MG_Bautista · Accepted Answer · 2013-01-10 14:55:37Z

1

You can use this Form validate plugin

Greetings.

answered Jan 10, 2013 at 14:55

MG_Bautista

2,6812 gold badges21 silver badges33 bronze badges

Comments

azzy81 · Accepted Answer · 2013-01-10 14:50:37Z

Usually a input of type 'file' will be validated by the script that is used to upload the file. You can usually restrict file size, file type etc.

If you need to make sure the user has included a file in the form submission is when a user selects a file use a tool such as Uploadify or Plupload to validate the file then return a flag to the form to say it was uploaded successfully then on form submit check for that flag.

http://www.uploadify.com/

http://www.plupload.com/

Collectives™ on Stack Overflow

jquery how to validate file field?

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related