php - Udfyld og fortsæt på samme side. - Udvikleren.dk

Tags: php javascript

Bruger #17369 @ 26.09.12 11:12

Hej,

Jeg fik lidt hjælp fra Benni for nogle dage siden. Dog har jeg stødt på et problem igen. Så derfor opretter jeg så en ny, eftersom den gamle ikke besvares.

--

Kode

     <script>
    $(document).ready(function(){
    $("#accepteret").css("display","none");
    $("#btnAccept").click(function(){
    if ($("#checkme").is(":checked"))
    {
    $("#checkme").hide();
    $("#lblCheckMe").hide();
    $("#btnAccept").hide();
    $("#accepteret").show("fast");
    }
    });
    });
    </script>
    </head>
    <body>
    <input type="checkbox" name="accepteret" class="checkbox" id="checkme" /><label id="lblCheckMe" for="checkme">Jeg acceptere at have læst betingelserne på side.dk</label>
    <button id="btnAccept" name="btnAccept">Bekræft</button>
    <div id="accepteret">
    Indhold efter markering.
    </div>

Gør at man skal acceptere med et flueben og bekræfte det. Og derefter straks kommer man til næste del.

Men næste del, vil jeg jo gerne have en form. Men når jeg udfylder en form og klikker submit, så går den retur til "acceptere og bekræft" delen igen.

Der vil jeg jo så gerne have den blev på accepteret siden.

Nogen der kan hjælpe?

Tidligere tråd: Udvikleren.dk

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #16075 @ 26.09.12 16:34

1.223

er det noget a la dette du vil ??

Kode

<?php
if(isset($_POST['btnAccept'])){
	$navn=$_POST['navn'];
}
else{
$navn="indtast Deres Navn";
}
?>
<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<style type="text/css">
	</style>
	<script type="text/javascript">
	$(document).ready(function(){
		$("#accepteret").css("display","none");		
		$("#checkme").click(function(){			
			if ($("#checkme").is(":checked")){				
				$("#accepteret").show("fast");
			}
			else{
				$("#accepteret").hide("fast");
			}
		});
		$("#btnAccept").click(function(){
		});
    });
	</script>
</head>
<body>
    <input type="checkbox" name="accepteret" class="checkbox" id="checkme" /><label id="lblCheckMe" for="checkme">Jeg acceptere at have læst betingelserne på side.dk</label>
    <div id="accepteret">
    Indhold efter markering.
	<form name="testform" action ="<?php echo $_SERVER['PHP_SELF']?>" method="post">
	<input type="text" name="navn" value="<?php echo $navn; ?>" >
	<button id="btnAccept" name="btnAccept">Bekræft</button>
    </form>	
	</div>
</body>
</html>

Bruger #16075 @ 26.09.12 20:02

1.223

prøv at kigge på denne http://docs.jquery.com/Plugins/Validation#Example , når du nu har valgt at bruge jquery.

et andet bud, der bruger jeg så ikke PHP til noget.

Kode

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
	<title></title>
	<style type="text/css">	
	label {
		float: left; 
	}
	label.error { 
		float: none; 
		color: red; 
		padding-left: .5em; 
		vertical-align: top; 
	}
	.submit { 
		margin-left: 12em; 
	}
	em { 
		font-weight: bold; 
		padding-right: 1em; 
		vertical-align: top; 
	}
	</style>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<script type="text/javascript" src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js"></script>
	<script type="text/javascript">
	$(document).ready(function(){			
		$("#accepteret").css("display","none");
		$("#btnAccept").click(function(){
			if ($("#checkme").is(":checked")){
				$("#betingelser").hide();				
				$("#accepteret").show("fast");
			}
			
		});		
		// http://docs.jquery.com/Plugins/Validation#Example
		// http://bassistance.de/jquery-plugins/jquery-plugin-validation/
		$("#testform").validate();		
    });
	</script>
</head>
<body>
	<div id="betingelser">
	<input type="checkbox" name="accepteret" class="checkbox" id="checkme" /><label id="lblCheckMe" for="checkme">Jeg acceptere at have læst betingelserne på side.dk</label>
    <button id="btnAccept" name="btnAccept">Bekræft</button>
    </div>
	<div id="accepteret">	
    Indhold efter markering.
    <form id="testform" name="testform" action ="test.html1" method="post">
	 <fieldset>
		<em>*</em><input type="text" name="navn" class="required" value="" >
		<em></em><input type="text" name="navn1" value="" >
		<input id="btnSend" class="submit" type="submit" value="Submit"/>
	 </fieldset>	
    </form>
	</div>
</body>
</html>

demo http://udvikleren.olsensweb.dk/bos/test.html

Bruger #17369 @ 26.09.12 18:16

Hej,

Det er ikke helt sådan.

1: Acceptere og bekræft er fint som før, med det var sammen.

2: Efter flueben er sat og man har bekræftet, skal den gå til accepteret.

3: Men det er i accepteret den er gal med.

4: I accepteret, vil jeg gerne have opret form. Hvor jeg får error og det det på den funktion.

Det vil sige, hvis der bliver tastet forkert, eller mangel på oplysninger i de felter, skal der komme en error, uden at vende tilbage til "acceptere betingelser og bekræft". men under accepteret.
Og det samme hvis brugeren er oprettet, skal man have af vide man er oprettet, aktivere din profil. bla bla.

Men det er det med at forblive på samme side (accepteret) i oprettelsen, som driller mig.

Bruger #17369 @ 26.09.12 21:55

Wow nice.

Prøv lige og klik på din egen demo: Link

Kan du se hvor problemet kan være, hvis jeg nu laver php tjek, om der er skrevet nok tegn mv.

Hvis ikke, så vil den alligevel gå videre.
Det skal den helst ikke, så kan der ikke laves en <div id="??"> noget, som viser "opret formen" igen, indtil korrekt udfyldt.

Når den er korrekt via php tjek. så sender den videre til næste del.

Kan du følge mig?

JScript kode

 <script type="text/javascript">
     $(document).ready(function(){            
         $("#accepteret").css("display","none");
         $("#btnAccept").click(function(){
             if ($("#checkme").is(":checked")){
                 $("#betingelser").hide();                
                 $("#accepteret").show("fast");
                 parent.parent.window.location = "_opretbruger";
             }
             
         });        
         // http://docs.jquery.com/Plugins/Validation#Example
         // http://bassistance.de/jquery-plugins/jquery-plugin-validation/
         $("#testform").validate();        
     });
     </script>

Kan jeg ikke bruge den ?.
Så går den da videre til ny URL.
Eller kan det gøres bedre?..

Indlæg senest redigeret d. 27.09.2012 08:57 af Bruger #17369

Udfyld og fortsæt på samme side.

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler