Input validatie

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

.NET developer

Functie Als .NET developer werk jij samen in een multidisciplinair ontwikkel team met 1-2 Senior .NET developers, twee front-end developers, Data Scientists en één UX designer. Als team werken jullie aan het ontwikkelen van een Cloud based applicatie en aan het stabieler maken van deze applicatie. Ook unit testing gaat erg belangrijk worden in jouw nieuwe functie. Samen met de Senior .NET ontwikkelaar wordt jij verantwoordelijk voor het ontwikkelen van de API. Jullie werken met veel data en incidenteel komen er ook data vraagstukken en zullen er wat queries gedraaid moeten worden. Dit betekend dat jij veel gaat werken met

Bekijk vacature »

.NET developer

Functie Als ervaren .NET ontwikkelaar start jij in één van onze vier scrumteams. Met 30 ontwikkelaars werk jij aan de doorontwikkeling van ons core product. Ook werkt jouw team aan maatwerkoplossingen op aanvraag van de klant en op projectbasis. Wij vinden het erg belangrijk dat onze ontwikkelaars met plezier naar werk gaan. Een deel hiervan ligt uiteraard bij jezelf, als jij ontwikkelen niet leuk vindt, ben jij bij ons echt aan het verkeerde adres. Jouw team bestaat namelijk uit een groep gepassioneerde vakidioten die dit werk doen omdat dit eerst een hobby was! Daarnaast wordt er intern rekening gehouden met

Bekijk vacature »

Medior front-end developer gezocht (€3.300 -

Functie Wat ga je doen? Jij als front-end developer gaat werken binnen de teams van/voor onze klant. Je werkt in een team met starters en ervaren ontwikkelaars met allemaal 1 overeenkomst; passie voor het vak. Maak je een fout? Geen probleem, leer ervan en ga dan weer door. Door de variëteit aan werk kun je in verschillende omgevingen een kijkje nemen en jezelf dus snel ontwikkelen. Wat hebben we jou te bieden? • Uitdagende projecten bij mooie klanten (bij jou in de buurt, of binnenkort intern vanuit ons kantoor!) • Een jonge organisatie met talentvolle collega’s • Veel ruimte voor

Bekijk vacature »

Scrum Master

TenneT is hard groeiend om de onze ambities waar te kunnen maken. Zo nemen wij een leidende rol in het aanjagen van de energietransitie. Het werven van nieuw talent speelt daarin een cruciale rol. Wij zijn op zoek naar een gedreven Scrum master op onze locatie Arnhem die hieraan wil bijdragen en misschien ben jij dat wel? Jouw bijdrage aan TenneT Je begeleidt twee teams binnen de afdeling Platform Services (PLS). Je helpt mee de devops manier van werken van de teams verder door te ontwikkelen. Je helpt de PO bij het managen van de product backlog; het voorbereiden van

Bekijk vacature »

Medior PHP Developer

Bij Getnoticed doen wij wat we leuk vinden, websites bouwen en online marketing. Voor veel van onze klanten doen we dan ook allebei. Wel zo fijn om campagnes te draaien voor conversiegerichte website die in eigen beheer zijn. In onze vestiging in Nederweert zitten onze development afdelingen en worden de websites gebouwd. Op dit moment zijn we op zoek naar jou: dé PHP/Back-end developer die net als wij, het hoofd boven het maaiveld durft uit te steken! In het kort Even een paar punten die omschrijven wat deze toffe baan inhoudt: Het bedenken van nieuwe functionaliteiten Het verbeteren van het

Bekijk vacature »

Oracle Apex Developer

Dit ga je doen Jouw taken bestaan uit: Het bouwen maatwerk Oracle applicaties voor Europese business units; Het implementeren van de nieuwste technieken om te blijven innoveren; Actief meedenken en aandragen van verbetervoorstellen. Hier ga je werken Deze organisatie in de regio Veenendaal is een van wereld grootste retailers met ruim 16.000 winkels in 27 markten en jaarlijks ruim 5,3 miljard klanten die winkelen bij een van hun welbekende retailmerken. Binnen de organisatie is er een IT Group actief die dient als IT Service Provider voor de hele organisatie en waar dagelijks IT'ers werken aan state-of-the-art IT oplossingen. Dit doen

Bekijk vacature »

Medior/senior front end developer React Sportsoftw

Functie Voor deze functie ben ik op zoek naar een enthousiaste front end developer die communicatief vaardig is. Jij wordt onderdeel van een enthousiast jong team dat werkt aan grote websites. Binnen jouw rol ben jij diegene die de vertaling maakt van design naar functionele code en zorg jij voor goede experience op meerdere platformen. Dit doe je natuurlijk door gebruik te maken van onze stack; Javascript, HTML, CSS en React. Daarnaast wordt er gebruik gemaakt van Webcomponents en verschillende authenticatie tools. Doordat er hier gestreefd wordt naar de beste gebruikerservaringen, wordt het product constant doorontwikkeld. Hierdoor blijven ze voor

Bekijk vacature »

Senior Java developer

Dit ga je doen Jouw taken als Senior Java Developer zijn: Het maken van strategische keuzes omtrent de nieuwbouw van applicaties; Het maken van technische ontwerpen; Hands-on mee ontwikkelen met het team (met o.a. Java FX, JDBC, SQL, REST, Jax-RS, JSON, Maven, JUnit en Spring (boot)); Reviewen van code en feedback geven op collega developers; Analyseren en oplossen van bugs/incidenten door het onderlinge verband te kunnen leggen van verschillende losstaande systemen. Hier ga je werken Het bedrijf waar je als Senior Java Developer komt te werken staat internationaal bekend om het testen van bodemstructuren door middel van echotechnieken en beeldherkenning.

Bekijk vacature »

Medior Java developer (fullstack)

Wat je gaat doen: Of beter nog, wat wil jij doen? Binnen DPA GEOS zijn we dan ook op zoek naar enthousiaste Java developers om ons development team te versterken. Als Java developer werk je in Agile/Scrum teams bij onze klanten en daarbij kun je eventueel ook andere ontwikkelaars begeleiden in het softwareontwikkelproces. Verder draag je positief bij aan de teamgeest binnen een projectteam en je kijkt verder dan je eigen rol. Je gaat software maken voor verschillende opdrachtgevers in jouw regio. Je bent een professional die het IT-vak serieus neemt en kwaliteit levert. Je leert snel vanwege je diepgaande

Bekijk vacature »

C# .NET Backend Developer HBO Javascript

Samengevat: Deze werkgever is een professionele speler op gebied van IT en E-Commerce. Wil jij werken voor een e-commerce platform? Heb je ervaring met C#, Javascript en Scrum? Vaste baan: C# .NET Developer Backend E-Commerce 3.400 - 4.500 Backend Developer Wij ontwikkelen software voor E-Commerce toepassingen. Ons eigen Content Management systeem biedt een integrale oplossing met diverse ERP software. Onze systemen zijn vaak complex en omvangrijk en draaien bij grote organisaties. Maar ook kleine ondernemingen hebben steeds vaker behoefte aan een vlekkeloos werkende E-Commerce oplossing. Zij bieden een uitdagende werkomgeving met gezellige collega's. Je krijgt veel vrijheid en er is

Bekijk vacature »

Back-end PHP Developer

Dit ga je doen Her- en uitbouwen van het inhouse softwareplatform dmv PHP; Onderhouden van bovengenoemd platform in PHP; Sparren met het team; Meedenken over nieuwe functionaliteiten, security etc; Jouw input leveren aan het proces door op de hoogte te blijven van nieuwe ontwikkelingen etc. Hier ga je werken Onze klant, gevestigd in de omgeving van Alkmaar, levert wereldwijd oplossingen op het gebied van IT. Dag in dag uit werken zij met veel passie aan hun product waarmee ze streven naar verbeteringen binnen zorg. Voor onze klant zijn we op zoek naar een medior PHP Developer. Je komt te werken

Bekijk vacature »

.NET Developer

Functie omschrijving Jij gaat in de functie van Software Developer werken met C# en .NET framework. Jij gaat maatwerk software ontwikkelen en softwareoplossingen creëren. Daarnaast optimaliseer je de bestaande software. Oplossingen waar de klant echt iets aan heeft, jij krijgt er energie van op dit te realiseren. Je gaat werken in een Microsoft omgeving(ASP.NET) en gebruikt daarnaast C# en MVC. Samen met het huidige IT team binnen deze organisatie verwerk je de wensen van de klant tot een (eind)product. Bedrijfsprofiel Je komt te werken in een klein team van developers, die zich voornamelijk bezighouden met back-end development. Verder staat dit

Bekijk vacature »

C# .NET Developer

Dit ga je doen Ontwikkelen van de Back-end in .NET6 / C# en WebAPI (Focus);) Ontwikkelen van de Front-End in Nodje.js en Angular (secundair); Ontwikkelen in Blazor; Opstellen van een technisch ontwerp; Testen, documenteren en implementeren van de nieuwe applicatie; Verzorgen van de nazorg, na de implementatie. Hier ga je werken Binnen deze organisatie werken duizenden mensen binnen allerlei verschillende disciplines. Tevens hebben zij veel specialiteiten in huis, waaronder ook .Net Developers. Ter uitbreiding van een nieuw team en ter ondersteuning van het project zijn ze opzoek naar een nieuwe collega voor het team. Als C#.NET Developer zal jij je

Bekijk vacature »

Senior Lead Front End Developer

Functieomschrijving Voor Stichting Waternet zijn wij op zoek naar een senior Lead Front End Developer. Binnen het DevOps team Online zijn we op zoek naar een Senior Lead Front End developer met kennis van toegankelijkheid. Deze developer zal zich bezighouden met development van webpaginas die in verbinding staan met systemen uit het back office. Taken Ontwerpen, ontwikkelen, implementeren, documenteren en beheren van webapplicaties in een Azure-omgeving Debuggen, analyseren en oplossen van problemen in de OTAPomgevingen Je participeert in het DevOpsTeam Online voor het verder uitwerken en implementeren van gebruikerswensen Je bent betrokken bij toegankelijkheid audits en het implementeren van WCAG

Bekijk vacature »

Medior/Senior Python developer (Django)

Functie Je komt te werken in het IT-team bestaande uit de Lead developer en 4 (medior/senior) developers. Gezamenlijk werken jullie aan de verbetering en uitbreiding van de software. Binnen het development team is er veel vrijheid en zelfstandigheid, zonder dat ze hiermee afdoen aan de kwaliteit. Zo hebben ze elke ochtend een korte stand-up (10:00 uur) en werken ze met pair-programming sessies. Ook is er een hele professionele ontwikkelcyclus waarbij code altijd eerst door een collega wordt getest voordat het naar deployement gaat. Er is een kwaliteitsfocus en dan biedt ruimte om verbeteringen echt door te voeren binnen de gehele

Bekijk vacature »
Olivier Peeters

Olivier Peeters

29/06/2012 12:41:28
Quote Anchor link
Hallo allen,

ik ben bezig aan een formulier. Op dit moment zijn mijn formulierpagina & foutafhandelinspagina (in PHP) klaar.
Ik zou graag het formulier eerst nog eens valideren, dus een tekst tonen naast het inputveld indien er een fout ingegeven is (zoals in HTML5 met e-mail).

Als dit alles oke is, zou ik graag alles tonen (alle POST-waarden). Slechts daarna, als men op een button drukt, wordt alles toegevoegd in de (MySQL) database.

Weet iemand hoe dit opgelost wordt? Waar kan ik een voorbeeld vinden van een validatie naast het script?

Edit: Ik was weer wat te snel => Met JQuery blijkt dit mogelijk, livevalidation. Is dit ook mogelijk door een PHP-document te includen en wat CSS aan te passen of iets anders?

Groeten,
Olivier
Gewijzigd op 29/06/2012 12:43:01 door Olivier Peeters
 
PHP hulp

PHP hulp

03/03/2024 03:33:29
 
Kris Peeters

Kris Peeters

29/06/2012 12:52:50
Quote Anchor link
Het kan inderdaad met javascript (met of zonder jQuery).
Dan heb je nog twee keuzes:
- Je kan het lokaal valideren, dan gaat javascript na of de gegevens goed geformateerd zijn.
- Je gebruikt Ajax. Wat dan gebeurt: javascript stuurt het formulier op naar de server, zonder dat de gebruiker daar iets van merkt; dan kan de server alles valideren en stuurt de server een bericht terug naar javascript om te vertellen of er iets fout ging.


Het hangt er vooral van af in welke mate je bereid bent om javascript in te schakel; je kan dat simpel doen, maar het kan ook heel erg uitgebreid.

Zeker ook eens zoeken op HTML5 validation. HTML5 doet tegenwoordi al veel voor je
Gewijzigd op 29/06/2012 12:54:44 door Kris Peeters
 
Olivier Peeters

Olivier Peeters

29/06/2012 13:05:37
Quote Anchor link
Hallo Kris,

het verschil lokaal/niet lokaal snap ik niet echt? Bestaat hier een tutorial over?

HTML 5 zou een zeer goede optie zijn, alleen durf ik dit nog neit echt doen gezien niet alle browers dit ondersteunen.

Groeten,
Olivier
 
Patrick vd Pols

Patrick vd Pols

29/06/2012 13:27:53
Quote Anchor link
http://validity.thatscaptaintoyou.com/

Hier een voorbeeldje hoe het eruit kan zien :

http://77.109.74.20/index.php?action=registreer

(link doet het alleen als mn pc aan staat :P)
Gewijzigd op 29/06/2012 13:30:08 door Patrick vd Pols
 
Kris Peeters

Kris Peeters

29/06/2012 13:49:04
Quote Anchor link
(een beetje gesimplifieerd)
Php is een computerprogramma dat draait op de server. Javascript is een programma dat draait op de computer van de gebruiker.
Javascript heeft dus geen verbinding met de server. De gebruiker mag zijn internet afzetten en nog kan javascript perfect werken.

Dat heeft uiteraard gevolgen. Javascript kan niet aan de gegevens van de database, noch aan de php-functies.
Een antwoord op dit gebrek is Ajax. Met Ajax gaat javascript zelf surfen naar de server en kan de server gegevens doorgeven naar javascript.

Ajax geeft je dus de kracht van de server en van de gebruiker samen.

Okay, een voorbeeld, met Ajax, met jQuery.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<?php
  if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['username'], $_POST['email'])) {
    
      // Zorg hier zelf voor meer serieuze validatie.
    $message = "";  // boodschap die we naar ajax gaan sturen
    if ($_POST['username'] == 'Homer') {
      $message .= 'Sorry, Homer, this is the "No Homer\'s Club"<br/>';
    }

    if (! preg_match(
        "/^([a-zA-Z0-9])+([a-zA-Z0-9\._-])*@([a-zA-Z0-9_-])+([a-zA-Z0-9\._-]+)+$/",
        $_POST['email'])) {
    
      $message .= 'No valid e-mail<br/>';
    }

    // indien $message leeg blijft, is de validatie geslaagd
    
    if (empty($_GET['ajax'])) {
      // het formulier wordt gewoon doorgestuurd.  Indien $message leeg is, voegen we het record toe.
      $sql = "INSERT INTO users ...";
      // en zo voort
      header('location: ./');
    }

    else {
      // validatie met Ajax.
      echo $message;  // dit wordt dus naar javascript gestuurd
      exit;  // verder horen we niets meer te doen op server-niveau
    }
  }

?>

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Validatie</title>
  </head>
  <body>
    <h1>Registreer je in de "No Homer's Club"</h1>
    <form action="" method="post" id="my_form">
      <input id="username" name="username" type="text"/> User Name <br>
      <input id="email" name="email" type="text"/> Email  <br>
      <input type="submit" value="GO" id="submit"/>
    </form>
      
    <div id="message"></div>
    
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js" type="text/javascript"></script>
    <script>
    
    $(document).ready(function(e) {  // dit wordt uitgevoerd op het moment dat de pagina geladen is en de DOM klaar is om te gebruiken
      
      // op het moment dat het formulier wordt verzonden, houden we de boel tegen.
      $('#my_form').submit(function(e) {
        
        e.preventDefault();  // hiermee zeggen we: wat je ook van plan was te doen ... niet doen.  In dit geval dus: het verzenden van het formulier
        var my_data = $('#my_form').serialize();  // javascript haalt de gegevens van de velden
        $.ajax({
          type: "POST",
          url: '?ajax=1',
          data: my_data,
          success: function(data) {
            // dit wordt uitgevoerd op het moment dat javascript de Ajax request heeft teruggekregen
            $('#message').html(data);  // we tonen het bericht, in <div id="message"></div>
          }
        });
      })
      
    })
    
    </script>
  </body>
</html>
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.