Radio button requires text field

[bigdrunk]

I have a product with two options, both selected by a radio button. One of the options is for custom text to appear on the product. Is there a way that if a customer selects option 2 then the text becomes a required field. Or if they select option 1 then the text box can't be filled in?

[vooboo13]

I too am looking for this feature. Has anyone figured this out?

[bigdrunk]

I worked this out using the add on Cross Validation

http://www.zen-cart.com/index.php?ma...oducts_id=1507

Its not as clean as I'd like, but it does the job.

[vooboo13]

Thanks for the link!

I actually figured this out just using some simple javascript. The file I edited was:

 Rootofstore/includes/templates/YOURTEMPLATE/templates/"tpl_product_info_display.php".

Keep in mind that this only works with products that have the specific attributes you have to check. In my case, I had a few text fields that needed to be filled ONLY if they checked a certain radio option above those fields.

I added this to the bottom of the file:

<script language="JavaScript">
	new validateForm(document.forms['cart_quantity']);
</script>

At the top of the file, I added the javascript needed to test the form. If you look at the source of your product page, you can find the "name" of the form element that you need to check. The things in red are the things you have to customize. Actually, the conditions themselves you should customize to how you need it:

<script language="JavaScript" type="text/javascript">
 function validateForm(oForm)
 {
 	//oForm refers to the form which you want to validate
 	oForm.onsubmit = function() // attach the function to onsubmit event
 	{
 		if(oForm.elements['attrib-16-107'].checked == false && oForm.elements['id[txt_14]'].value == '')
		{
			alert("Please enter a name for your Registrant.");
			return false;
		}
		else if(oForm.elements['attrib-16-107'].checked == false  && oForm.elements['id[txt_15]'].value == '')
		{
			alert("Please enter an email for your Registrant.");
			return false;
		}
		else if(oForm.elements['attrib-16-107'].checked == false && oForm.elements['id[txt_21]'].value == '')
		{
			alert("Please enter a phone number for your Registrant.");
			return false;
		}
		else if(oForm.elements['attrib-16-107'].checked == false && oForm.elements['id[txt_17]'].value == '')
		{
			alert("Please enter a street address for your Registrant.");
			return false;
		}
		else{
			return true;	
		}
 	}
 }
 </script>

Hope this helps!

[gjh42]

Nice script, as long as the user has javascript enabled. I presume that if js is disabled, there will be no checking done and the user will be able to add any combination to their cart.

Also, there is a recommended procedure for including javascript in pages without adding it directly to a PHP file - see the tutorials.

[vooboo13]

Yes, there's that caveat. Though another feature on my site requires that as well, so I don't mind it.

And do you have a link to said tutorial?

[gjh42]

I guess the info is not in the tutorials. I found it in the wiki by searching for "javascript":
http://www.zen-cart.com/wiki/index.p...s_-_Javascript

[vooboo13]

Nice! Thanks for the link. This is the first time I've heard of this information and I searched a ton through the threads.

[gjh42]

It has been mentioned and discussed numerous times in the forum... I guess you just didn't find the right threads.

[vooboo13]

Possibly. I know I found about two dozen threads relating to "conditional attributes" that either had 0 replies or didn't have a solution, and about 2 that had a final reply with "I found a solution!" and never actually posted anything.