Clear input box after clearing alert message

jruiseco · Jun 16, 2003

I have a file input box that gets validated by javascript. I am testing the extension of the file to determine if it is a pdf. If not an alert box should be thrown.

After the alert box is thrown and the user clicks OK I want the input field to clear and the bad value removed.

Here is what I have so far:

function check(file) {
ext = file.substring(file.lastIndexOf('.')+1);
if (ext != "pdf&quot

{
alert("You must upload document in Adobe PDF format...&quot

;
event.returnValue=false; }
}

<input type="File" name="attach1" onpropertychange="check(this.value);">

How do I clear the field?

WindUp · Jun 16, 2003

the user clicks OK I want the input field to clear and the bad value removed.

<input type="File" name="attach1" id="attach1" onpropertychange="check(this.value);">

Use - document.getElementById("attach1&quot.value = "";

Be sure to put id="attach1" in the input statement!

Good Luck! [thumbsup2]

WindUp

jruiseco · Jun 16, 2003

I'm not very good at this...

Here's what I have but it's not working. What's wrong?

function check(file,idv) {
ext = file.substring(file.lastIndexOf('.')+1);
if (ext != "pdf&quot

{
alert("You must upload document in Adobe PDF format...&quot

;
event.returnValue=false;
document.getElementById("idv&quot

.value = "";
}
}

jemminger · Jun 16, 2003

you cannot change the value of an input type=file with javascript.

=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

adam0101 · Jun 16, 2003

Jeff's right, it'd be a security issue if you could. The only thing you can do is use .reset() on the form.

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};

jruiseco · Jun 17, 2003

OK. Let me ask a different question...

How do I write a function that will be called on form submit that will examine all the type=file fields and when it finds files that do not have a pdf extension will throw an alert and name the offending fields for the user?

WindUp · Jun 17, 2003

How do I write a function that will be called on form submit that will examine all the type=file fields and when it finds files that do not have a pdf extension will throw an alert and name the offending fields for the user?

Try something like this...

<input type="File" name="attach1" id="attach1">

<input type="submit" name="submit" id="submit" value="Submit" onClick='javascript:return verifyFields();'>&quot

.value) != true )
{ alert("The File MUST be a .pdf File.\nPlease select a pdf file.&quot

;
document.getElementById("attach1&quot

.focus();
return false;
}
</script>

Good Luck! [thumbsup2]

WindUp

jruiseco · Jun 17, 2003

Thank you to everyone for your help...

Regards!

adam0101 · Jul 7, 2003

I finally figured out how to clear the contents of a file element. You basically have to recreated it:

var f = document.formName.fileFieldName;
f.outerHTML=f.outerHTML;

Adam
while(woman.width>woman.height && wallet.value>0){beer++;vision.blur()};

jemminger · Jul 7, 2003

adam, what about your original idea of calling reset() on the form? works fine for me:

<form>
<input type="file"/>
<input type="button" value="reset" onclick="this.form.reset();"/>
</form>

=========================================================
try { succeed(); } catch(E) { tryAgain(); }
-jeff

http://www.jeffemminger.com

adam0101 · Jul 7, 2003

That works, but I wouldn't want to fill out a huge form from scratch just because I clicked the wrong file type.

Adam
while(woman.width>woman.height && wallet.value>0){beer++;vision.blur()};

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Clear input box after clearing alert message

jruiseco

Programmer

WindUp

Programmer

jruiseco

Programmer

jemminger

Programmer

adam0101

Programmer

jruiseco

Programmer

WindUp

Programmer

jruiseco

Programmer

adam0101

Programmer

jemminger

Programmer

adam0101

Programmer

Similar threads

Part and Inventory Search

Sponsor