Checkbox fråga.

forcevision · Post by **forcevision** » 2009-05-06 1:16:21

Tjabba !

Ny fråga på g här. Nu har jag fixat ihop ett mail script i php och slutligen skulle jag vilja att man godkänner ett avtal med att bocka i en checkbox annars kan man inte skicka mailet, kanske kommer fram en ruta som det står att man måste godkänna avtalet hur löser jag detta?

Gärna om någon har koden för detta

/Force

forcevision · Post by **forcevision** » 2009-05-11 14:38:34

Code: Select all

<script type="text/javascript">
function validate(form) {
// Checking if at least one period button is selected. Or not.
if (!document.form1.sex[0].checked && !document.form1.sex[1].checked){

alert("Please Select Sex");
return false;}


if(!document.form1.agree.checked){alert("Please Read the guidelines and check the box below");
return false; }


return true;
}
</script>

Code: Select all

<table border='0' width='50%' cellspacing='0' cellpadding='0' ><form name=form1 method=post action=action_page.php onsubmit='return validate(this)'><input type=hidden name=todo value=post>

<tr bgcolor='#ffffff'><td align=center ><font face='verdana' size='2'><b>Sex</b><input type=radio name=sex value='male'>Male </font><input type=radio name=sex value='female'><font face='verdana' size='2'>Female</font></td></tr>

<tr><td align=center bgcolor='#f1f1f1'><font face='verdana' size='2'><input type=checkbox name=agree value='yes'>I agree to terms and conditions </td></tr>
<tr bgcolor='#ffffff'><td align=center ><input type=submit value=Submit> <input type=reset value=Reset></td></tr>
</table></form>

Jag får inte denna javascripten att fungera varför ?

Nu ser min sida större ut en denna men det skall väll inte påverka. Jag har bara denna javascripten i formuläret resten är php kodning. När jag trycker på knappen skicka så skickar den formuläret även fast jag inte bockat i checkboxen eller markerat någon av radio buttons hur kommer detta sig ?

larsan · Post by **larsan** » 2009-05-19 8:33:50

Förmodligen bara lite kodslarv från din sida.
Glöm inte "" runt attributen.
T.ex. <input type=hidden value=kalle/>
vs. <input type="hidden" value="kalle"/>

Sedan hade du avslutat <form>-taggen efter <table>-taggen, vilket också kan ge trubbel då du började den efter <table>.
Om du tycker att form-taggen tar plats, ge den en css-klass likt:

Code: Select all

<style type="text/css">
.form{
     margin:0;
}
</style>
......
<form name="form1" method="post" action="action_page.php" onsubmit="return validate(this)" class="form">

Här är en inte så fräck kod som funkar:

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sv" lang="sv">
<head>
	<title>Untitled</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<meta http-equiv="Content-Language" content="SV" />
	<script type="text/javascript">
		<!--
		function validate(form) {
			// Checking if at least one period button is selected. Or not.
			if (!document.form1.sex[0].checked && !document.form1.sex[1].checked){
			
			alert("Please Select Sex");
			return false;}
			
			
			if(!document.form1.agree.checked){alert("Please Read the guidelines and check the box below");
			return false; }
			
			
			return true;
		}
		-->
	</script>
</head>
<body>
<form name="form1" method="post" action="action_page.php" onsubmit="return validate(this)">
	<input type="hidden" name="todo" value="post"/>
	<table border="0" width="50%" cellspacing="0" cellpadding="0" >
		<tr bgcolor="#ffffff">
			<td align="center">
				<font face="verdana" size="2">
					<b>Sex</b>
					<input type="radio" name="sex" value="male"/>Male 
					<input type="radio" name="sex" value="female"/>Female
				</font>
			</td>
		</tr>
		<tr>
			<td align="center" bgcolor="#f1f1f1">
				<font face="verdana" size="2">
					<input type="checkbox" name="agree" value="yes"/>I agree to terms and conditions 
				</font>
			</td>
		</tr>
		<tr bgcolor="#ffffff">
			<td align="center">
				<input type="submit" value="Submit"/> <input type="reset" value="Reset"/>
			</td>
		</tr>
	</table>
</form>
</body>
</html>

Sedan bör du byta ut all färg och font-info mot css-klasser för att vara lite mer modern.

Ha det gött o lycka till!

forcevision · Post by **forcevision** » 2009-07-27 16:56:22

Tack för hjälpen.

Checkbox fråga.

Checkbox fråga.

Re: Checkbox fråga.

Re: Checkbox fråga.

Re: Checkbox fråga.