Ad:

JavaScript / DHTML / AJAX Discussion Thread
Marked Solved
Views: 825

Feb 9th, 2010

Form still uploads file despite javascript validation error

Expand Post »

Hi all

I have a form where a user can upload a file. I do a check to see if it's a zip file. If it isn't then its supposed to stop the file from being uploaded. Only thing is, the file still uploads regardless of getting the error or not.

How can I prevent the form from submitting the file if the error pops up?

javascript Syntax (Toggle Plain Text)
function checkForm() {
	var filename = document.getElementById('file').value;
	var fileext = filename.substring(filename.lastIndexOf('.')+1);
	if (fileext != 'zip')
	{
		alert('File must be in zip format (*.zip)');
		return false;
	}
}
function checkForm() {
	var filename = document.getElementById('file').value;
	var fileext = filename.substring(filename.lastIndexOf('.')+1);
	if (fileext != 'zip')
	{
		alert('File must be in zip format (*.zip)');
		return false;
	}
}

Similar Threads

javascript validation code without alert box in JavaScript / DHTML / AJAX
Image upload using php into mysql db in PHP
JavaScript Validation on Textbox in ASP.NET
Javascript form validation to PHP processing in JavaScript / DHTML / AJAX
Is it possible to print an external file using javascript? in JavaScript / DHTML / AJAX

Venom Rush

Reputation Points: 18

Solved Threads: 2

Posting Whiz

Offline

325 posts
since Oct 2007

Permalink

Feb 9th, 2010

Re: Form still uploads file despite javascript validation error

On your HTML form have you included return within the on-submit? I.E.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<form name="" action="" target="_self" onsubmit="return checkForm()">
<!--Form Stuff-->
</form>
<form name="" action="" target="_self" onsubmit="return checkForm()">
<!--Form Stuff-->
</form>

samarudge

Reputation Points: 26

Solved Threads: 31

Posting Whiz

Offline

354 posts
since May 2008

Permalink

Feb 9th, 2010

Re: Form still uploads file despite javascript validation error

Click to Expand / Collapse Quote originally posted by samarudge ...

On your HTML form have you included return within the on-submit? I.E.
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
<form name="" action="" target="_self" onsubmit="return checkForm()">

</form>
<form name="" action="" target="_self" onsubmit="return checkForm()">  </form>
=)

It's always the really simple things that seem to escape one's eyes o.O

Venom Rush

Reputation Points: 18

Solved Threads: 2

Posting Whiz

Offline

325 posts
since Oct 2007

Permalink

Feb 10th, 2010

Re: Form still uploads file despite javascript validation error

P.S. For those that are unsure of what I was missing. It was the "return " in the onSubmit.

Venom Rush

Reputation Points: 18

Solved Threads: 2

Posting Whiz

Offline

325 posts
since Oct 2007

This thread is solved

Either the thread starter or a moderator has marked this thread as solved. You can most likely trust the responses and answers given. There is most likely no reason for any further responses to be posted here. If you have a related question, please start a new thread in this forum instead.

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.

Previous Thread in JavaScript / DHTML / AJAX Forum Timeline: Match all array elements or throw alert

Next Thread in JavaScript / DHTML / AJAX Forum Timeline: Expanding table with subcells?

DaniWeb Message

Cancel Changes

User Name
Password