Javascript - Niet lager dan 10, Niet hoger dan 200

**gast49720** · 25-06-2011, 02:47

Graag wil ik bij het volgende script hebben dat mensen bij het invullen van het bedrag niet lager gaan dan 10 en niet hoger gaan dan 200. Op internet kan ik niks erover vinden. Misschien weten jullie hoe ik dat kan doen?

Voorbeeld: http://bit.ly/ktlmez
De code:

Code:

<html> 
  <head> 
    <script type="text/javascript">
      <!--
        function ber()
        {
          var getal = document.getElementById('bedrag').value;
          document.getElementById('rente').innerHTML = Math.round(getal * 1.10);
        }
      //-->
    </script>
  </head> 
  <body> 
    <div align="center"> 
      <p>
        Hoeveel geld moet er worden overgemaakt?
      </p>
      <input id="bedrag" type="text" value="20" size="5"></input>
      <input type="submit" value="Klik hier" onclick="ber()"></input>
      <p>
        bedrag met rente <b id="rente">&euro;21,5</b>
      </p>
    </div>
  </body> 
</html>

Groeten, Sebastiaan

**Andy de Wit** · 25-06-2011, 07:01

Code:

<html> 
  <head> 
    <script type="text/javascript">
      <!--
        function ber()
        {
			var getal = document.getElementById('bedrag').value;
			if (getal < 10)
			{
				alert('Het bedrag moet minimaal 10 euro zijn');
			}
			else if (getal > 200)
			{
				alert('Het bedrag mag maximaal 200 euro zijn');
			}
			else
			{
				document.getElementById('rente').innerHTML = Math.round(getal * 1.10);
			}
        }
      //-->
    </script>
  </head> 
  <body> 
    <div align="center"> 
      <p>
        Hoeveel geld moet er worden overgemaakt?
      </p>
      <input id="bedrag" type="text" value="20" size="5"></input>
      <input type="submit" value="Klik hier" onclick="ber()"></input>
      <p>
        bedrag met rente <b id="rente">&euro;21,5</b>
      </p>
    </div>
  </body> 
</html>

**gast49720** · 25-06-2011, 17:45

Het werkt! Bedankt Andy!

**Ivo van B.** · 28-06-2011, 19:44

Vergeet je de input ook niet even serverside te valideren? Het kan immers zo zijn dat iemand de code aan de clientside aanpast, en zo alsnog een waarde kleiner dan 10, of groter dan 200 naar je server verstuurt.

Javascript - Niet lager dan 10, Niet hoger dan 200