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;
onClick="browse.click();fi
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;
</form>
</body>
</html>
This Question has been solved and asker verified All Experts Exchange premium technology solutions are available to subscription members.
Experts Exchange has been collecting answers to technology questions since 1996…3 million and counting! If you have a question, chances are we already have your answer.
If you can't find the exact answer you're looking for, ask our exclusive community of 50,000 experts. You’ll get a personalized answer from a trusted professional.
Thousands of free tech tips, tricks, how-to’s and tutorials are available in our peer reviewed articles section. See for yourself how smart our experts are, no login required.
Save solutions to your questions, answers you’ve discovered through searching plus helpful articles in your personal knowledgebase for easy future access.
Access the answers to your technology questions today.
30-day free trial. Register in 60 seconds.
Members of the expert community talk about why the experience at Experts Exchange is different than what you will find anywhere else.
Try it out and discover for yourself.
30-day free trial. Register in 60 seconds.
Join the community of experts here and help other tech pros by answering question in your area of expertise. You can earn FREE access to all Experts Exchange's premium features and resources.
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;
onClick="browse.click();fi
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;
</form>
</body>
</html>
Try it! =0)
another way:
<html>
<head></head>
<body>
<form name="test_form" method="post" action="javascript:alert('
<input type="text" name="file">
<input type="button"
style="font-style:veranda;
onClick="document.dummy.br
value="Select a File...">
<br><br>
<!-- must be clicked twice for the form to submit! -->
<input type="submit"
name="submit"
value="Submit The Form Now!"
style="font-style:veranda;
</form>
<form name="dummy">
<input type="file" name="browse" style="display:none;">
</form>
</body>
</html>
If you remove the 'display: none' from the file-type input you can see what's happening...
If a file-type input field has been filled by calling on it's click() function from within javascript, when you submit the form IE seems to clear the field instead of submitting the form. Next time you hit submit this problem will no longer be there.
This is probably a security measure of IE, to prevent malicious code from uploading files the user isn't aware of uploading.
I found that only when you really click on the 'browse' button, the file will be uploaded.
I was actually using this to pass a file, but Cold Fusion I was unable to access any file object on the form, although it was listed in the form field, for some reason it is inaccessible once you process the script. It's a nice try to satisfy the graphic designer, but I'm more inclined to tell him, tough luck. :) We'll wait till the w3 or other html committiees decide we are worthy enough of having the ability to alter the browse button. If someone can show me this works in CF I'll glady use it but otherwise...
Business Accounts
Answer for Membership
by: webwomanPosted on 2002-11-12 at 13:16:04ID: 7440141
And does anything get uploaded?