Javascript check if empty problem

**BIOSTALL** · Jun 25th, 2005, 12:54 PM

Hey,

I have a textfield and a textarea. Now, i want to check if either of the textboxes are empty when the user submits the form. I've already added a script that checks the boxes when the user 'clicks' the submit button and if one of the textboxes is empty will display an error. BUT... if the user has entered text in the first box (the textfield) and presses enter without giving the second box (the textarea) focus, the form will submit successfully :-S Even though the textarea is empty.

Anyone help me in solving this problem

Just ask if you need more explanation :-D

Thanks, BIOSTALL

**Brandoe85** · Jun 25th, 2005, 01:04 PM

Can you post the code?

**ALL** · Jun 25th, 2005, 01:28 PM

try this:

HTML Code:

<html>
<head>
<title>Title</title>
</head>
<body>
	<form name="form" method="POST" action="script">
	<input type="text" name="T1" size="20">
	<textarea rows="2" name="S1" cols="20"></textarea><input type="button" onclick="JavaScript: if(document.form.T1.value == '' || document.form.S1.value == ''){ alert('Please fill the form out'); }else{ window.location='http://www.vbforums.com'; }" value="Button" name="B1">
	</form>
</body>

</html>

**BIOSTALL** · Jun 25th, 2005, 01:44 PM

I'm using this:

Code:

function checkempty(){
var abc, bcd

abc = document.getElementById('threadtitle');
bcd = document.getElementById('threadmessage');

if (abc.value == ""||bcd.value == "") {
	alert("Not all fields contain data");
	return false;
}else{
	return true;
}}

Then i return the function on the 'onclick' event of the form button.

BIOSTALL

**ALL** · Jun 25th, 2005, 01:47 PM

what do you need added to your code?

**BIOSTALL** · Jun 25th, 2005, 01:51 PM

Ahhh.. sorted it. i added the scripts return to the 'onsubmit' part of the form itself. Cheers for your help.

BIOSTALL

**DeadEyes** · Jun 27th, 2005, 03:05 AM

Is the textbox considered not to be empty if it contains a space?

**BIOSTALL** · Jun 27th, 2005, 05:19 AM

If the textbox contains a space then it is considered not empty. In order to check for a space you'd have use something like the 'indexof' function.

BIOSTALL

**will1233** · Jan 30th, 2008, 01:29 PM

i cant get this code 2 work.

Code:

function checkempty(){
var abc, bcd

abc = document.getElementById('threadtitle');
bcd = document.getElementById('threadmessage');

if (abc.value == ""||bcd.value == "") {
	alert("Not all fields contain data");
	return false;
}else{
	return true;
}}

and i have also called the function in the "onsubmit" of the form.

it just doesnt want to work, please help me, thanks

**JPnyc** · Jan 30th, 2008, 03:14 PM

what is happening now?

**penagate** · Feb 4th, 2008, 04:45 AM

Originally Posted by will1233

i cant get this code 2 work.

Are your IDs correct

Thread: Javascript check if empty problem

Thread Tools

Display

Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Re: Javascript check if empty problem

Posting Permissions