IE 9 jQuery not setting input value

Question

my question is simple:

I have an input file field, and i want to limit it to only accept .GIFs via Jquery , and if the format is wrong, set the input value blank.

The problem is that on IE9, the .val('') does not work. Any ideas?

My jQuery:

$('input[type=file]').change(function() {
    var val = $(this).val();
    switch (val.substring(val.lastIndexOf('.') + 1).toLowerCase()) {
    case 'gif':
        break;
    default:
        // error message here
        alert("Wrong Format");
        $(this).val('');
        break;
    }
});

AFAIK the file input is readonly you can't change it's value programmatically. — The Alpha
– The Alpha, Commented Jul 19, 2012 at 19:01
Thanks for the help guys, i did not know it was a readonly field on IE8/9 — oSR
– oSR, Commented Jul 19, 2012 at 20:09

Community · Accepted Answer · 2017-05-23 10:09:35Z

2

From IE8 it is readonly try:

$("input[type='file']").replaceWith($("input[type='file']").clone(true));

Picked from here : SO Anwser

edited May 23, 2017 at 10:09

CommunityBot

11 silver badge

answered Jul 19, 2012 at 19:03

Suave Nti

3,76713 gold badges57 silver badges78 bronze badges

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

2 Comments

The Alpha Over a year ago

Try this.

oSR Over a year ago

Thanks for the help, it really helped me. Although the name of the file remains in the input field, in the 'logic' part the input is empty.

Collectives™ on Stack Overflow

IE 9 jQuery not setting input value

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related