Disabled button wanneer text boxes + droplist keuzes niet zijn ingevuld.

Status
Niet open voor verdere reacties.
J

Jack020

Gebruiker
Lid geworden
7 aug 2010
Berichten
54
Hallo Helpmij,

ik moet voor mijn stage bedrijf een webform maken.

nu zit ik bij het laatste wat ik moet doen vast.

ik moet namelijk de Verzend button disabled hebben totdat alle velden zijn ingevuld.
nu heb ik al meerdere scripts geprobeerd maar zonder succes.

kan iemand mij helpen ?

tyVVVm in advance,

en groetjes mij.





note: visueele bestanden (img's) /script form zit er natuurlijk niet bij.


Index.php
____________________________________________________________________
PHP: 
<?php
$voor = empty($_GET["voor"]) ? "" : $_GET["voor"];
$achter = empty($_GET["achter"]) ? "" : $_GET["achter"];
$bedrijf = empty($_GET["bedrijf"]) ? "" : $_GET["bedrijf"];
$adres = empty($_GET["adres"]) ? "" : $_GET["adres"];
$prov = empty($_GET["prov"]) ? "" : $_GET["prov"];
$stad = empty($_GET["stad"]) ? "" : $_GET["stad"];
$postcode = empty($_GET["postcode"]) ? "" : $_GET["postcode"];
$telefoon = empty($_GET["telefoon"]) ? "" : $_GET["telefoon"];
$email = empty($_GET["email"]) ? "" : $_GET["email"];
$check1 = empty($_GET["check1"]) ? "" : $_GET["check1"];
$check2 = empty($_GET["check2"]) ? "" : $_GET["check2"];
$check3 = empty($_GET["check3"]) ? "" : $_GET["check3"];

if(!$voor){$message1 = "Please enter a name.";}
if(!$achter){$message1 = "Please enter a name1.";}
if(!$bedrijf){$message2 = "Please enter a phone number.";}
if(!$adres){$message3 = "Please enter a zip code.";}
if(!$prov){$message1 = "Please enter a name1.";}
if(!$stad){$message2 = "Please enter a phone number.";}
if(!$postcode){$message3 = "Please enter a zip code.";}
if(!$telefoon){$message1 = "Please enter a name.";}
if(!$email){$message1 = "Please enter a name1.";}
if(!$check1){$message1 = "Please enter a name1.";}
if(!$check2){$message1 = "Please enter a name1.";}
if(!$check3){$message1 = "Please enter a name1.";}
?>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Form</title>
<link rel="stylesheet" type="text/css" href="view.css" media="all">
<script type="text/javascript" src="view.js"></script>

</head>
<body id="main_body" >
	
	<img id="top" src="top.png" alt="">
	<div id="form_container">
	
		<h1><a>Contact formulier</a></h1>
		<form action="store_it.php" method="post">
					<div class="form_description">
			<h2>## Titel van het Formulier ##</h2>
			<p>vul de onderstaande gegevens in om kans te maken op...</p>
		</div>						
			<ul >
 <table>
  <tr>
   <td class="tdr"><font size="2">Voornaam:</td>
   <td><input type="text" name="voor" value="<?php echo $voor; ?>"></td>

  </tr>
  <tr>
   <td class="tdr"><font size="2">Achternaam:</td>
   <td><input type="text" name="achter" value="<?php echo $achter; ?>"></td>

  </tr>
  <tr>
   <td class="tdr"><font size="2">Bedrijfsnaam:</td>
   <td><input type="text" name="bedrijf" value="<?php echo $bedrijf; ?>"></td>

  </tr>
  <tr>
   <td class="tdr"><font size="2">Adres:</td>
   <td><input type="text" name="adres" value="<?php echo $adres; ?>"></td>
  </tr>
  <tr>
   <td class="tdr"><font size="2">Provincie:</td>
   <td><input type="text" name="prov" value="<?php echo $prov; ?>"></td>
     </tr>
  <tr>
   <td class="tdr"><font size="2">Stad:</td>
   <td><input type="text" name="stad" value="<?php echo $stad; ?>"></td>
     </tr>
  <tr>
   <td class="tdr"><font size="2">Postcode:</td>
   <td><input type="text" name="postcode" value="<?php echo $postcode; ?>"></td>
     <tr>
   <td class="tdr"><font size="2">Telefoon:</td>
   <td><input type="text" name="telefoon" value="<?php echo $telefoon; ?>"></td>
     <tr>
   <td class="tdr"><font size="2">Email:</td>
   <td><input type="text" name="email" value="<?php echo $email; ?>"></td>
	</tr>
   <td><P>&nbsp;<p></td>
   <tr>
   <td class="tdr"><font size="2">Bent u in het bezit van een geldig rijbewijs?</td>
      <td>
              <SELECT name="check1" width="150">
              <OPTION SELECTED> 
              <option value="Ja" <?PHP print $check1; ?>> Ja
              <option value="Nee" <?PHP print $check3; ?>> Nee
              </select>
   </td>
   </tr>
   <tr>
   <td class="tdr"><font size="2">Door het invullen van dit formulier stemt u er hier bij in <br>dat de volgende partijen uw informatie kunnen inzien.  </td> 
   <td>
              <SELECT name="check2" width="150" >
              <OPTION SELECTED> 
              <option value="Akkoord" <?PHP print $check2; ?>> Ja
              <option value="Nee"> Nee
              </select>
   </td>
   </tr>
  </tr>
  <tr>
   <td colspan="1" align="left"><P>&nbsp;<p><input type="reset" value="Reset Formulier"> <input type="submit" value="Verzenden"></td>

			</ul>
		</form>	

	</div>

	</body>

</html>
_________________________________________________________
Store_it.php
_________________________________________________________
PHP: 
<?php
$voor = empty($_POST["voor"]) ? "" : $_POST["voor"];
$achter = empty($_POST["achter"]) ? "" : $_POST["achter"];
$bedrijf = empty($_POST["bedrijf"]) ? "" : $_POST["bedrijf"];
$adres = empty($_POST["adres"]) ? "" : $_POST["adres"];
$prov = empty($_POST["prov"]) ? "" : $_POST["prov"];
$stad = empty($_POST["stad"]) ? "" : $_POST["stad"];
$postcode = empty($_POST["postcode"]) ? "" : $_POST["postcode"];
$telefoon = empty($_POST["telefoon"]) ? "" : $_POST["telefoon"];
$email = empty($_POST["email"]) ? "" : $_POST["email"];
$check1 = empty($_POST["check1"]) ? "" : $_POST["check1"];
$check2 = empty($_POST["check2"]) ? "" : $_POST["check2"];
$check3 = empty($_POST["check3"]) ? "" : $_POST["check3"];

if(!$voor || !$achter || !$adres || !$prov || !$stad || !$postcode || !$telefoon || !$email || !$check2){header("location:index.php");
}

else

{
 $file = "Form_Archive.txt";
 $a = fopen($file, "a");
 fwrite($a,$voor.";".$achter.";".$bedrijf.";".$adres.";".$prov.";".$stad.";".$postcode.";".$telefoon.";".$email.";".$check1.$check3.";".$check2."\r\n");
 fclose($a);
 }
?>

<form action="index.php">

<?php
$ref = $_SERVER['HTTP_REFERER'];
header('refresh: 6; url='.$ref);
?>

<style type="text/css">
	#myoutercontainer {  }
	#myinnercontainer { position:absolute; top:50%; left:20%; height:10em; margin-top:-5em }
</style>


<div id="myoutercontainer">
	<div id="myinnercontainer">




	<img id="top" src="top.png" alt="">
            <center>
			<h1><a>Bedankt u hebt uw formulier succesvol ingestuurd.</a></h1>
			</center>
	<img id="top" src="top.png" alt="">


	</div>
</div>


</form>
 
Laatst bewerkt door een moderator:
Met php je eerst chekken of er op verzend (submit is gedrukt) wil je chekken of deze velden leeg zijn.

om live op een pagina te chekken welke velden al zijn ingevuld,
en op basis daarvan een verzend button te tonen zou ik persoonlijk jquery gebruike
 
hij controleert dat al.

zie Store_it.php en dan:

PHP: 
if(!$voor || !$achter || !$adres || !$prov || !$stad || !$postcode || !$telefoon || !$email || !$check2){header("location:index.php");
}
 
else


ik moet alleen een script hebben die er voor zorgt dat als de dropdown opties en de textboxen niet zijn "geselecteerd/ingevuld" dat hij dan de submit button als disabled houd.

dus ja best wel dubbel op maar ik moet opzich de button gedisabled hebben tot op het punt dat ik je net uitlegde.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan