When replacing input type=file, "Browse" button, must click SUBMIT twice for form to

**Sangeetha** · 23-Feb-2007, 11:29 PM

Question:
I am replacing the default "Browse..." button for input type=file. This works fine except that the form will only submit after the SUBMIT button is clicked twice.

Any ideas on why this is happening or a workaround? I'm testing on IE 5+. Thanks!

<html>
<head></head>
<body>
<form name="test_form" method="post" action="test.jsp">
<input type=file name=browse style="display: none;">
<input type=text name=file>
<input type=button
style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;"
onClick="browse.click();file.value=browse.value;"
value="Select a File...">
<br><br>

<input type=submit
value="Submit The Form Now!"
style="font-style:veranda; font-size:12px;">
</form>
</body>
</html>

**Sangeetha** · 23-Feb-2007, 11:30 PM

Answer
extrange behavior!

I guess this should be enough:

<html>
<head></head>
<body>
<form name="test_form" method="post" action="test.jsp">
<input type=file name=browse style="display: none;">
<input type=text name=file>
<input type=button
style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;"
onClick="browse.click();file.value=browse.value;br owse.disabled=true"
value="Select a File...">
<br><br>

<input type=submit
value="Submit The Form Now!"
style="font-style:veranda; font-size:12px;">
</form>
</body>
</html>

Try it!

23-Feb-2007, 11:29 PM	#1 (permalink)
Sangeetha Fixed Error! Posts: 141 Location: Chennai Join Date: Feb 2007 Rep Power: 2 IM:	When replacing input type=file, "Browse" button, must click SUBMIT twice for form to Question: I am replacing the default "Browse..." button for input type=file. This works fine except that the form will only submit after the SUBMIT button is clicked twice. Any ideas on why this is happening or a workaround? I'm testing on IE 5+. Thanks! <html> <head></head> <body> <form name="test_form" method="post" action="test.jsp"> <input type=file name=browse style="display: none;"> <input type=text name=file> <input type=button style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;" onClick="browse.click();file.value=browse.value;" value="Select a File..."> <br><br> <!-- must be clicked twice for the form to submit! --> <input type=submit value="Submit The Form Now!" style="font-style:veranda; font-size:12px;"> </form> </body> </html>

23-Feb-2007, 11:30 PM	#2 (permalink)
Sangeetha Fixed Error! Posts: 141 Location: Chennai Join Date: Feb 2007 Rep Power: 2 IM:	Re: When replacing input type=file, "Browse" button, must click SUBMIT twice for form Answer extrange behavior! I guess this should be enough: <html> <head></head> <body> <form name="test_form" method="post" action="test.jsp"> <input type=file name=browse style="display: none;"> <input type=text name=file> <input type=button style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;" onClick="browse.click();file.value=browse.value;br owse.disabled=true" value="Select a File..."> <br><br> <!-- must be clicked twice for the form to submit! --> <input type=submit value="Submit The Form Now!" style="font-style:veranda; font-size:12px;"> </form> </body> </html> Try it!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)