User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 363,552 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,857 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 17052 | Replies: 8
Reply
Join Date: Apr 2005
Posts: 13
Reputation: dakkar is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
dakkar dakkar is offline Offline
Newbie Poster

Javascript, Form fields validation and submit

  #1  
Apr 26th, 2005
Hi!
I've a HTML form
I've a function with some parameters that checks the value of each field (it's called within a onBlur event). This function check the type and other restrictions about that field.

I must create a function that checks that all required fields (or options or other kind of form field) are filled (or checked) before submit that form.

I thought to have a global variable where store the validation of each needed field, but I think there must be a better (smarter) way to do the job... and I'm a bit "worried" on fields that are not "editable" like options, checkboxes and so on...

Any suggestion will be appreciated!

TYIA
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Dec 2004
Posts: 1,589
Reputation: tgreer is an unknown quantity at this point 
Rep Power: 7
Solved Threads: 34
Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: Javascript, Form fields validation and submit

  #2  
Apr 26th, 2005
On a large system I helped develop, we had this issue. Customers could order various products for print, and see a real-time PDF of the customized product before they ordered. Each product could have a custom form, and each form element could have custom validation. We didn't find any shortcuts! Sometimes coding is hard work.

Everything was database driven, and the site was written in classic ASP. We had a database table full of JavaScript validation routines we'd built-up over time. When the server script ran, it would make the appropriate event-handler assignments to the proper tags. We would dynamically author a single "validate" routine, and each object that required validation would call this function, passing itself in as a parameter. Based on the parameter/object, it would call the appropration clause in the routine to validate itself.
Reply With Quote  
Join Date: Jan 2005
Posts: 18
Reputation: demo is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 2
demo demo is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #3  
Apr 26th, 2005
When you do the submit call the validation process and loop the form elements. Inside that loop create switch that contains all the form element types your form contains and then process each element based on it's type!

example...

<script>
<!-- //

	function good_add(eiv)
	{
		var teste = false;
		var strtest = new String(eiv);
		var index = strtest.indexOf("@");

		if (index > 0)
		{
			var eid = strtest.indexOf(".",index);

			if (eid > index+1 && strtest.length > eid+1)
			{
				teste = true;
			}

			return teste;
		}
	}

	function validate()
	{
		var e = '';

		for (var i = 0; i < document.test.elements.length; i++)
		{
    			var j = document.test.elements[i];

			switch (j.type)
			{
				case 'text':


				if (j.name == 'email')
				{
					if (j.value == '')
					{
						e += "Please enter a valid email\n";
					}
					else if (!good_add(j.value))
					{
						e += "Please enter a valid email\n";
					}
				}

				/* other 'input' type elements go here */

				break;

				case 'select-one':

				if (j.name == 'zip' && j.selectedIndex == 0)
				{
					e += "Please select a valid zip code\n";
				}

				/* other 'select' type elements go here */

				break;

				case 'checkbox':

				if (j.type == 'checkbox' && !j.checked)
				{
					e += "You must agree to our rules\n";
				}

				/* other 'checkbox' type elements go here */

				break;
			}
		}

		if ( e )
		{
			alert(e);

			return false;
		}
		else
		{
			/* submit would go here */

			// document.test.submit();
			// return true;

			alert('thanks for validating our form');

			return false;
		}
	}
// -->
</script>


<form name='test' action='process.php' onsubmit='return validate();' method='post'>
email <input type='text' name='email' value=''>
<br />
zip code <select name='zip'>
<option value=''>Select Zip Code
<option value='33510'>33510
<option value='02112'>02112</select>
<br />
<input type='checkbox' name='agree' value='1'> <small>do you agree with the rules</small>
<br />
<input type='submit' name='submit' value='Send'>
</form>


printf
Reply With Quote  
Join Date: Apr 2005
Posts: 13
Reputation: dakkar is an unknown quantity at this point 
Rep Power: 4
Solved Threads: 0
dakkar dakkar is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #4  
Apr 26th, 2005
ok thank you, I think that it's a good solution. I'll try it ;-)

(note: just to let you know my little job: I'm developing a solution that generates a form from a XML Schema file (that supports the fundamental types and structures) and I must have a "client-side" type check before the real submit... )

Thank you friends!
I hope to be able to help you in the future if you need help, obviously! ^_^
Reply With Quote  
Join Date: May 2005
Location: Long Island, NY, USA
Posts: 7
Reputation: Duches77 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
Duches77's Avatar
Duches77 Duches77 is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #5  
May 12th, 2005
I'm wondering if I have a related issue.

I'm creating a form to request credit for customers for various reasons. There may be one reason, or more than one. As a result, I have a top section where the salesman enters in the account number, his ID number, the date, and the amount for the credit. The second section has checkboxes for each reason with a textbox for a detailed explaination. This way, they can select as many reasons as they need to. On the bottom, they enter in the name of the approving manager. Those are required. Optional is the ability to enter their own e-mail address to have the completed form mailed back to themselves, or to e-mail a link to the blank form to someone else.

I need to make sure that the top information (account, sales, date, amount) are filled in, that at least one checkbox is selected, that the textbox associated with that checkbox is filled in, and that there is something in the approval box when the form is submitted.

I want to verify this all client side before it gets submitted to the ASP file that e-mails it.

Would I use a similar method?
Reply With Quote  
Join Date: May 2005
Location: Long Island, NY, USA
Posts: 7
Reputation: Duches77 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
Duches77's Avatar
Duches77 Duches77 is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #6  
May 13th, 2005
Reply With Quote  
Join Date: May 2005
Location: Long Island, NY, USA
Posts: 7
Reputation: Duches77 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
Duches77's Avatar
Duches77 Duches77 is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #7  
May 13th, 2005
Reply With Quote  
Join Date: May 2005
Location: Long Island, NY, USA
Posts: 7
Reputation: Duches77 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
Duches77's Avatar
Duches77 Duches77 is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #8  
May 13th, 2005
Had to change a few page references, but the links should all be working now for testing. But, I am definitely still in need of help.
Reply With Quote  
Join Date: May 2005
Location: Long Island, NY, USA
Posts: 7
Reputation: Duches77 is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
Duches77's Avatar
Duches77 Duches77 is offline Offline
Newbie Poster

Re: Javascript, Form fields validation and submit

  #9  
May 17th, 2005
Nevermind... was able to get help from a coworker...
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

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

 

DaniWeb JavaScript / DHTML / AJAX Marketplace
Thread Tools Display Modes

Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum

All times are GMT -4. The time now is 5:10 am.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC