[JS] Form submit cancellen* - Softwareontwikkeling

woensdag 1 maart 2006 11:28

Acties:

Topicstarter

Beste mensen,

met voorbaat dank voor het lezen en eventueel proberen tot het oplossen van dit probleem, ik heb het volgende probleem.

In mijn java-scriptje hieronder moet ik een formulier maken. Dit formulier moet een error geven zodra een deel niet is ingevuld, met uitzondering van het deel van 'Opmerkingen'. Dit werkt zover nog wel.

Zodra je op Verzend Formulier drukt krijg je een melding dat niet alles is ingevuld. Dit klopt ook (als je niet alles hebt ingevuld

). Nu wil ik graag een stop inbouwen zodra je de melding krijgt dat niet alles ingevuld is moet de javascript stoppen en op de huidige pagina blijven. Ik heb van alles geprobeerd. Maar niks werkte, ik ben niet heel erg goed met javascript maar het moet helaas eventjes gebeuren.

Hieronder staat de betreffende javascript.

code:

<html>
<head>
<title>Inschrijfformulier</title>
</head>
<script language="JavaScript">

function controle()
{
 var invoer,i,t;

 for(i=0;i<9;i++)
 {
  invoer=document.forms[0].elements[i].value;
  if(invoer=="")
  {
   t=1
  }
  if(t==1)
  {
   alert("Niet alle velden zijn ingevult")
   break;


}   
  }
    
}
</script>

<BODY BGCOLOR="Black" TEXT="white">

<form method="post" action="java6.htm">

<input type="hidden" name="recipient" value="vhamersma@gmail.com">

<input type="hidden" name="Formulier" value="Formulier ingevuld op mijn site">

<input type="text" name="email" value=""> Uw email adres<br>

<input type="text" name="realname" value=""> Naam<br>
<input type="text" name="realname" value=""> Plaats<br>
<input type="text" name="realname" value=""> Postcode<br>
<input type="text" name="realname" value=""> Telefoon / Mobiel<br>
<input type="button"value="Controle" onclick="controle()">
<input type="reset" value="Wissen">


<br>
Uw opmerkingen stellen wij zeer op prijs:<br>
<textarea name="opmerkingen" cols="40" rows="5"></textarea>
<br>



<br><input type="submit" value="Verzend respons formulier" onclick="controle()">

</form>
<script language="JavaScript">

var begintijd= new Date();
var starttijd=begintijd.getTime();
var timer=new Date(2006,8,10,0,0,0);

function klok()
{
 var jaar;
 var maand;
 var dag;
 var uren;
 var minuten;
 var seconde;
 var verschil;
 var dagen;
 var uren;
 var minuten;
 var seconden;

 var datum=new Date();

 jaar=datum.getFullYear();
 maand=datum.getMonth()+1;
 dag=datum.getDate();
 uren=datum.getHours();
 minuten=datum.getMinutes();
 seconden=datum.getSeconds();

 verschil=Math.floor((timer.getTime()-datum.getTime())/1000);
 totdagen=Math.floor(verschil/(60*60*24));
 toturen=Math.floor(verschil/(60*60));
 totminuten=Math.floor(verschil/(60));
 totseconden=verschil




 window.document.datum.date.value=dag+"-"+maand+"-"+jaar;
 window.document.datum.time.value=uren+":"+minuten+":"+seconden;
 window.document.datum.dagen.value=totdagen+" dagen";

 window.setTimeout('klok()',1000);
}

</script>

<body link="yellow" vlink="lime" bgcolor="000000" text="ffffff" onload="klok()">
<form name="datum">
<input size="10" name="date">


Tijd:
<input size="10" name="time">


Nog:

<input size="10" name="dagen"><br>

Tot het 75 jarig bestaan van de vereniging!

</form>

</body>
</html>

Met vriendelijke groet,

Tjaaaaa...c[_] <- een lege care cup! - D3 Profile

woensdag 1 maart 2006 11:32

Acties:

BtM909

Watch out Guys...

Ik zou sowieso gebruik maken van je onsubmit event in je form element ipv onclick op je button

Dan kan je vanuit je functie een return false of return true geven (waarbij de eerste je submit cancelled)

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

woensdag 1 maart 2006 12:07

Acties:

Goldman

Topicstarter

hehe, ik kan nu mijn javascript blocken maar hij moet zodra de melding komt stoppen, maar wel veder gaan als er geen melding komt

Bedankt alvast voor de suggestie.

Tjaaaaa...c[_] <- een lege care cup! - D3 Profile

woensdag 1 maart 2006 13:29

Acties:

crisp

Devver

Pixelated

HTML:

1	<form onsubmit="return validate(this)">

JavaScript:

function validate(form)
{
  // als fout
  return false;

  // als goed
  return true;
}

zo simpel is het

Intentionally left blank

woensdag 1 maart 2006 13:50

Acties:

Goldman

Topicstarter

Ik moet me zelf echt gaan verdiepen in javascript, ik snap er geen hout van

Tjaaaaa...c[_] <- een lege care cup! - D3 Profile

woensdag 1 maart 2006 13:51

Acties:

om3ega

Een goede site om te starten is W3schools

http://www.w3schools.com/js/default.asp