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, Jul 19 '12 at 19:01
Thanks for the help guys, i did not know it was a readonly field on IE8/9 — oSR, Jul 19 '12 at 20:09

score 2 · Accepted Answer · edited May 23 '17 at 10:09

2

From IE8 it is readonly try:

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

Picked from here : SO Anwser

edited May 23 '17 at 10:09

Community

1
1

answered Jul 19 '12 at 19:03

Suave Nti

3,721
11
54
78

[Try this](http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery). – The Alpha Jul 19 '12 at 19:07
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. – oSR Jul 19 '12 at 20:08

IE 9 jQuery not setting input value

1 Answers1

Linked

Related