On event ('change') triggers when clicking outside the element

Question

On event ('change') triggers when clicking outside the element

Navigation

#1 by (2 votes)

3

I have the following code in a input of type file :

$('input-imagem').on('change', function() {
   alert( $(this).val()); 
});

It works almost right, when I click out of input it gives alert again and this should not occur, it should give alert only when I choose an image.

jquery

asked by anonymous 18.06.2014 / 16:23

1 answer

How to group by 2 properties and add the values How to center figure with max-width defined?

score 2 · Answer 1

Do so:

class or # id element of type input file

<input type="file" name="input-imagem" id="input-imagem" >

$('#input-imagem').change(function() {
   if ($(this).val() != ""){
      alert($(this).val()); 
   }
});

Example: fiddle a>

or

$('#input-imagem').on('change', function() {
    if ($(this).val() != ""){
       alert( $(this).val());
    }
});

Example: fiddle a>