Valideer input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

OutSystems Developer

Bedrijfsomschrijving Deze organisatie is een toonaangevende speler in de vastgoedbranche en telt momenteel ruim 500 medewerkers. Met meer dan 150 applicaties staat er een complex applicatielandschap, bestaande uit standaard- en maatwerkapplicaties. De maatwerkapplicaties worden ontwikkeld door een inhouse development team. Het doel voor de komende periode is het verder vernieuwen en optimaliseren van het huidige applicatielandschap. Zo staat de organisatie aan de vooravond van de implementatie van een gloednieuw applicatiehuis, waar OutSystems een belangrijke rol in speelt. Binnen deze rol word je als OutSystems Developer verantwoordelijk voor de ontwikkeling van uiteenlopende applicaties met OutSystems. Om het nieuwe applicatiehuis te implementeren

Bekijk vacature »

PHP Developer Senior Complexe SaaS-oplossing

Bedrijfsomschrijving Betreffende organisatie is een echte softwareclub, gevestigd in de regio van Amersfoort en gespecialiseerd in de ontwikkeling van een grote SaaS-oplossing waar veel gevoelige data in omgaat. Al ruim 20 jaar lang zijn zij bezig met de ontwikkeling van de applicatie, waar de focus ligt op locatie- en platformonafhankelijkheid en gebruikersvriendelijkheid. De software is device en browser onafhankelijk en draait tevens sterk op integraties met andere applicaties zoals Office 365. De front-end wordt ontwikkeld in Angular en de back-end wordt ontwikkeld in PHP. Verder werken zij met Linux servers en workstations. Ter versterking van het development team, dat momenteel

Bekijk vacature »

Scrum Master

Ben jij een digital transformer? Dan nodigen wij jou uit om verder te lezen! Wat ga je doen? Als Scrum Master binnen Telecom & Media, help je onze klanten de Agile werkwijze eigen te maken door het begeleiden en ondersteunen van scrum teams. Je coacht product owners en teamleden bij het behalen van hun korte en lange termijn doelstellingen. Je begeleidt het team en geeft gevraagd en ongevraagd constructieve feedback om de werkwijze continu te verbeteren. In deze rol begeleid je één of meerdere scrum teams en help je met het prioriteren en plannen van werkzaamheden. Je inspireert teamleden en

Bekijk vacature »

BI Developer Oracle Automotive Internationaal

Bedrijfsomschrijving Deze organisatie is internationaal actief binnen de zakelijke dienstverlening en heeft de kwaliteit van de IT afdeling hoog in het vaandel staan. Al vanaf de oprichting, meer dan 30 jaar geleden, heeft de IT afdeling alle systemen in eigen beheer en worden de eigen applicaties inhouse ontwikkeld in onder andere Oracle, Java en OutSystems. Deze applicaties worden in meer dan 15 Europese landen gebruikt en de volledige ontwikkeling hiervan vindt plaats in het hoofdkantoor gevestigd in regio Utrecht. Vanuit hier worden 15 landen (ruim 2200 gebruikers) en duizenden klanten voorzien van support en de juiste IT systemen. De ontwikkelde

Bekijk vacature »

C# backend developer, Rotterdam

Voor een grote organisatie in Rotterdam zijn we op zoek naar iemand met ruime ervaring in het ontwikkelen van applicaties in .NET C#. Het gaat hier om een organisatie met een maatschappelijke impact. Hun systemen zijn gericht op een groot aantal klanten waarbij het belangrijk is dat de applicaties helder, toegankelijk en up-to-date zijn. Als .NET C# developer werk je aan uiteenlopende applicaties, APIs en het interne framework. Dit doe je binnen een SCRUM team en meedenkt binnen het hele proces. Het team bestaat uit meerdere C# developers variërend van medior tot senior. Er is dus veel kennis en ervaring

Bekijk vacature »

Java Software Developer - Utrecht - Startup

Are you looking to extend your skillset, develop ground-breaking software and work together with a great team on projects that matter? Are you interested in using the latest technologies and dive deeper into the world of Blockchain and Artificial Intelligence? Work with great people on great projects that matter Improving social benefit programs supporting (local) government, healthcare and education Helping people and businesses to take control of their personal information and data Sharing W3C Verifiable Credentials like competencies, certificates, diplomas Decentralized finance and Tokenization Improving support and reliability of medical trials Opportunity to work on Blockchain standardization Improving stewardship and

Bekijk vacature »

Senior C++ Developer 3D

Bedrijfsomschrijving Je komt te werken bij een high-tech ingenieursbureau in regio Rotterdam. Al ruim 15 jaar werken ze aan de eigen ontwikkeling van innovatieve applicaties op het gebied van mobiliteit en infrastructuur, met onder andere C++ en Qt. Met al hun jaren ervaring bedenken en ontwikkelen ze geografische oplossingen voor grote en bekende organisaties in Nederland. Momenteel maken duizenden gebruikers gebruik van hun applicaties en proberen ze constant vernieuwend te zijn in hun aanbod naar klanten. Samen met je team ben je verantwoordelijk voor de ontwikkeling van een innovatieve applicatie met C++ voor ruimtelijke ordening die onder andere door de

Bekijk vacature »

Java Developer / Overheid / Complexiteit

Bedrijfsomschrijving Binnen de organisatie zijn meer dan 10.000 medewerkers dagelijks werkzaam op meer dan 30 verschillende locaties. In deze dynamische omgeving is geen dag hetzelfde. Dit komt door de snelheid waarmee veranderingen plaatsvinden. Dagelijks hebben jouw werkzaamheden direct invloed op het transport van mensen, goederen en personeel. Als Java Developer kom je terecht in een hecht team van op de locatie in Assen. Hier zal jij verantwoordelijk worden voor alles wat met Java en de daarbij behorende bedrijfskritische applicaties te maken heeft. De applicatie regelt en registreert alle dagelijkse bezigheden van deze organisatie. Op locatie heb jij dus direct inzicht

Bekijk vacature »

BI developer Azure ETL Microsoft BI tooling

Bedrijfsomschrijving Onze klant biedt financiële dienstverlening aan organisaties binnen de non-profit sector. Hierbij kun je denken aan overheden en instellingen met een maatschappelijk belang. In vergelijking met andere financiële dienstverleners staan zij er bijzonder goed voor en heeft de Covid-19 crisis gelukkig geen invloed. De organisatie heeft een open cultuur met vrij korte lijnen. Daarnaast zijn duurzaamheid en betrouwbaarheid termen die de organisatie kenmerken. Ter uitbreiding van het team zijn zij op zoek naar een ervaren BI Developer. Grote hoeveelheden data zijn kenmerkend voor het applicatie landschap. Business Intelligence staat zeer centraal in de organisatie en ze hebben op dit

Bekijk vacature »

Senior Angular Developer

Een klant in regio Amsterdam is op zoek naar een senior Angular developer. Het project zal 1 oktober starten en tot einde jaar volledig remote zijn. Als developer ga je mee ontwikkelen aan de voorkant van een high traffic website in combinatie met een mijn-omgeving. Hierbij is ervaring vereist in een mijn-omgeving. Algemene informatie: Start: 1 okt. Uren: 32 - 40 uur Locatie: Amsterdam Duur: Tot einde jaar (met optie tot verlenging) Stack: - Javascript - HTML - CSS - Angular - API - Azure cloud Iets voor jou? Reageer dan nu op deze aanvraag met jouw meest recente cv.

Bekijk vacature »

Ervaren .NET C# ontwikkelaar, inhouse, complex maa

Ben je als ervaren ontwikkelaar op zoek naar een analytische omgeving? Waar hoogopgeleiden en ervaren collega’s jouw kennis naar een hoger niveau kunnen tillen? Waar je met een leuk team samen aan innovatieve producten werkt? Dan zou de deze organisatie wel eens goed bij je kunnen passen. Voor een organisatie in Delft zoeken we momenteel een ervaren .NET C# ontwikkelaar. De organisatie richt zich op innovatieve en complexe maatwerk systemen met een maatschappelijke raakvlak. Hierbij moet je (afhankelijk van je niveau) mee kunnen denken met functionele en architectonische vraagstukken. De projecten kunnen uiteenlopend zijn en het is maar net wat

Bekijk vacature »

Xamarin C# Developer

As an Xamarin C# Developer, you make sure our cross platform mobile apps give our employees the best possible way to manage Coolblue operations. How do I become a Xamarin C# Developer at Coolblue? Your specialty is either C# OR mobile app code, and you enjoy working with Xamarin. You like to do some pair programming with your colleagues, to guarantee higher quality in the codebase. Besides that you think about technical decisions like architecture, tools and processes. You also keep an eye on the performance of your app and you analyse with your team how to improve it. Following

Bekijk vacature »

Network Automation Engineer

Ben jij een ambitieuze Netwerk Engineer die de ontwikkelingen en innovaties op het gebied van Network & Automation op de voet volgt? Ben je een breed georiënteerde engineer en wil je je verdiepen in een specifieke technologie? Of wil je je expertise juist verbreden en certificeren in meerdere technieken en tools? Wij zoeken ter versterking van ons team zowel multi-skilled als specialistische engineers met passie voor hun vak! Bij ons krijg je de ruimte en vrijheid om in de praktijk jezelf verder te ontwikkelen op diverse projecten en aan je theoretische kennis te werken door het volgen van trainingen en

Bekijk vacature »

Ervaren developer (front-end/back-end)

Functie: Senior Developer Werklocatie: Zoetermeer Wij hebben met het door ons zelf ontwikkelde Financiële Advies software “Finix-Advies”, een vooraanstaande positie in de financiële branche. Echter hebben wij nu als doel onze visie om te zetten in software die consumenten, adviseurs en aanbieders ondersteunt. Vooral adviseurs, vermogens- beheerder als banken en verzekeraars maken gebruik van Finix om haar klanten snel en vakkundig te voorzien van (financieel) advies. Met behulp van Finix kunnen gebruikers op snelle, efficiënte en vakkundige wijze haar klanten helpen bij het geven van het juiste financiële advies en het realiseren van haar dromen. Bijvoorbeeld bij het adviseren van

Bekijk vacature »

.NET Developer Datawarehouse

.NET Developer Datawarehouse Werk jij als software developer het liefst met uitdagende systemen? Wil jij je steentje bijdragen aan een betere en efficiëntere zorg? Dan kun jij je bij onze vestiging in Amsterdam volledig uitleven als .NET Developer Datawarehouse. Jouw baan Je ontwerpt, ontwikkelt, ondersteunt en onderhoudt je eigen Datawarehouse module binnen HiX, onze ICT-totaaloplossing voor de zorg. Je schrijft objectgeoriënteerde code (we werken met Microsoft technologie, wat betekent dat je veel met C# gaat werken), speurt naar verbeteringen, werkt aan vernieuwende projecten, doet code reviews en voert testen uit. Een uiterst verantwoordelijke job, want dankzij jouw software kunnen zorginstellingen

Bekijk vacature »
Bryan De Baar

Bryan De Baar

25/11/2015 20:11:08
Quote Anchor link
Hallo,

Op internet kom ik diversen manieren tegen om de velden te checken.


Ik ben opzoek naar een manier om ongeveer 10 velden te checken met error teruggave.
Sommige velden hebben meerdere error teruggaves bijvoorbeeld de vooraam, deze mag niet leeg zijn maar ook geen cijfers hebben.
veld is leeg "vul uw voornaam in" of cijfers "onjuiste tekens"

Daarnaast wil ik de error zelf kunnen stijlen.

Wat is nu de beste en veiligste manier om dit te doen? via javascript/jQuery of php?
 
PHP hulp

PHP hulp

23/11/2020 22:54:33
 
Pipo Clown

Pipo Clown

25/11/2015 20:20:42
Quote Anchor link
De makkelijkste manier is jquery
de veiligste manier is php
be beste manier is beiden
 
Bryan De Baar

Bryan De Baar

25/11/2015 20:31:27
Quote Anchor link
En met beide bedoel je:

php controleert en jquery pakt de error over en voegt de elementen met error meldingen toe aan je html?
 
Peter K

Peter K

25/11/2015 21:07:04
Quote Anchor link
Het ligt er vooral aan hoe moeilijk je het jezelf wilt maken.
Een goede basis begint bij PHP. Dan heb je in ieder geval al een beveiliging.

Je kunt je resultaat in je PHP script terugkoppelen naar de browser tijdens het laden.

Als je dit onder de knie hebt kun je ook real time bijvoorbeeld al gaan controleren.
 
Bryan De Baar

Bryan De Baar

25/11/2015 22:35:11
Quote Anchor link
@peter k

Hoe kun je dan met php relatime controleren, dat kan toch alleen met javascript?
 
Peter K

Peter K

26/11/2015 07:42:37
Quote Anchor link
Bryan De Baar op 25/11/2015 22:35:11:
@peter k

Hoe kun je dan met php relatime controleren, dat kan toch alleen met javascript?


Het ligt er aan hoe je het wenst op te bouwen.
Stel dat je een unieke waarde wenst die nog niet in je database staat.
Dat doe je met een combinatie van beiden.
Javascript is client side en dus altijd aan te passen.
Je kunt met behulp van Javascript een request doen naar je server en dan kijken of het resultaat er al is.

Als het alleen ter ondersteuning van je gebruiker is kun je inderdaad af met alleen Javascript.
 
Bryan De Baar

Bryan De Baar

26/11/2015 15:12:32
Quote Anchor link
Hallo Peter,


Wat ik nu met php heb is:

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
<?php

// define variables and set to empty values
$firstnameErr = $lastnameErr =  "";
$firstname = $lastname = "";
$firstnameok = $lastnameok= "";

if ($_SERVER["REQUEST_METHOD"] == "POST") {
   if (empty($_POST["firstname"])) {
       $firstnameErr = "<label class='error'>Vul uw voornaam in</label>";
   }
else {
       $firstnameok = ($_POST["firstname"]);
    
   }

    
   if (empty($_POST["firstname"])) {
       $lastnameErr = "<label class='error'>Vul uw achternaam in</label>";
   }
else {
       $lastnameok = ($_POST["lastname"]);
   }

}

?>


de HTML:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<form method="post" action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>">
    <label>Voornaam</label>
    <input type="text" name="firstname" value="<?php echo "$firstnameok"; ?>">
    <br>
    <?php echo "$firstnameErr"; ?>
    <br>
    <label>Achternaam</label>
    <input type="text" name="lastname" value="<?php echo "$lastnameok"; ?>">
    <br>
    <?php echo "$lastnameErr"; ?>
    <br>
<input type="submit" name="submit" value="Submit">
</form>


Uiteraard komt er ook een email veld bij, stel ik wil deze realtime door php laten controleren hoe zet ik dat dan op?
Moet ik dan met javascript een keyup functie maken en dan een call naar de php?
 
Randy vsf

Randy vsf

26/11/2015 16:10:10
Quote Anchor link
Realtime gaat irritant worden, iedere keer een request als er een veld gevuld is.

Beter maak je validatie in javascroipt(dan heb je je realtime), en voor de zekerheid check je nog een keer alles op de server, aangezien javascript uitgeschakeld of gemanipuleerd kan worden.

met keyup zou ik het niet doen, kies dan voor de blur.
Met keyup krijg je dus al foutmeldingen terwijl je aan het typen bent.

Met blur ga je pas checken zodra het veld zijn focust verliest.
Gewijzigd op 27/11/2015 00:27:16 door Randy vsf
 

26/11/2015 16:40:00
Quote Anchor link
Het beste is tegenwoordig met AngularJS.
Die gaat Jquery ver voorbij.

Mooiste van al... je hebt jquery lite tot je beschikking in Angular.
 
Randy vsf

Randy vsf

26/11/2015 16:56:04
Quote Anchor link
@rickert,

Er zit toch een heel groot verschil tussen jquery en angular.
Dus dan wordt het een beetje moeilijk om te zeggen dat angular jquery ver voorbij is, aangezien beide andere doelen dienen.
 
Jop B

Jop B

26/11/2015 18:10:55
Quote Anchor link
@Bryan

Momenteel werk ik ook aan een nieuw formulier, als eerste heb ik dit beveiligd met php, zodra er een request word uitgevoerd zal php kijken of de waardes niet leeg zijn. Zojuist ben ik even met Javascript .validate, hiermee kun je zelf rules toevoegen en daar weer een melding aanhangen.
 
L deB

L deB

26/11/2015 20:06:59
Quote Anchor link
Zelf gebruik ik o.a. het volgende bij validatie:

Quote:
if ($_SERVER["REQUEST_METHOD"] == "POST") {
if (empty($_POST["naam"])) {
$naamErr = "Het invullen van een naam is noodzakelijk";
} else {
$naam = test_input($_POST["naam"]);
// check if naam only contains letters and whitespace
if (!preg_match("/^[a-zA-Z ]*$/", $naam)) {
$naamErr = "Alleen letters en spaties zijn toegestaan";
}
}


Dus preg_match erbij
test_input is een functie die htmlspecialchars etc doet. Heb eerder gehoord dat deze functie misschien niet helemaal goed is dus die maar niet overnemen maar ik ben nu de eerste tijd vooral weer met andere dingen bezig. Moet eerst vooral mijn globale kennis nogal vergroten van php.

Quote:
function test_input($data) {
$data = trim($data);
$data = stripslashes($data);
$data = htmlspecialchars($data);
return $data;
}



Voor als iemand deze code herkent, ik ben hier een klein tijdje ook geregistreerd voor kort, maar wou niet mijn hele naam op het internet hebben vandaar nu deze nicknaam.

Bovenstaande code noem ik maar erbij omdat je alleen maar lijkt te controleren op lege velden en niet erop of bijvoorbeeld een telefoonnummer alleen maar uit cijfers bestaat (terwijl in je openingspost wel staat dat je dit ook wil)

Regel 16 klopt niet trouwens
Gewijzigd op 26/11/2015 20:16:33 door L deB
 
Peter K

Peter K

27/11/2015 08:09:08
Quote Anchor link
Bryan,

Let op dat je nog wel een controle doet op de correctheid van het ingevulde in PHP.
Je kijkt nu alleen of het veld leeg is.

In PHP kun je het beste dus ook nog SQL injection proberen te voorkomen.

Voorbeeldje:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
<?php
if (empty($_POST["firstname"])) {
    $firstnameErr = "<label class='error'>Vul uw voornaam in</label>";
}
else {
    if(HIER JE CONTROLE INVULLEN OP DE ECHTHEID == TRUE)
    {

        $firstnameok = $_POST["firstname"];
    }
else {
        $firstnameErr = "<label class='error'>Ongeldige voornaam ingevuld</label>";
    }
}

?>


Je code kan ook nog wel een stuk korter, maar zo ziet het er wel een stuk overzichtelijker uit.

Randy vsf op 26/11/2015 16:10:10:
Beter maak je validatie in javascroipt(dan heb je je realtime), en voor de zekerheid check je nog een keer alles op de server, aangezien javascript uitgeschakeld of gemanipuleerd kan worden.


Dit lijkt me inderdaad de mooiste oplossing nu voor de client side check.
 
Ivo P

Ivo P

27/11/2015 09:46:44
Quote Anchor link
if (!preg_match("/^[a-zA-Z ]*$/", $naam)) {

Dan mag een naam dus alleen bestaan uit een combinatie van de 26 letters, eventueel aangevuld met een spatie

Beetje jammer voor Willem-Alexander dat het koppelteken er niet doorkomt.
Solène en François kunnen hun naam ook niet kwijt net als åsa of mensen die een ö of é in de naam hebben.
En er zijn ook wel namen te vinden met een ' erin.

Beetje jammer als zo'n controle te strikt is.
Het is belangrijker dat bepaalde tekens zeker niet in een naam voorkomen, zoals een <
Een lijst met alle toegestane letters is namelijk bijna niet te maken
 

27/11/2015 09:48:43
Quote Anchor link
@Randy vsf het is niet dat jquery voorbij is maar met angular kan je 100x meer dan jquery + je hebt jquery lite tot je beschikking in angular js.

Het blijf allebei Javascript alleen is de manier van benaderen van de DOM anders.
Maar ik zeg, bouw je validatie in Angular omdat je dan echt on the fly kan valideren en bijvoorbeeld knoppen kan verwijderen e.d om te submitten.
 
Randy vsf

Randy vsf

27/11/2015 13:36:40
Quote Anchor link
@rickert,

Je weet dat angular een framework is om een applicatie in te bouwen? Zonder het gebruik van angular controller en views etc.... ben je pure JS aan het schrijven....
Ik werk zelf nu een half jaar met angular, en vind dit echt een slecht advies...

Is zoiets als gebruik het hele symfony framework om alleen een hello world pagina te maken :)
Gewijzigd op 27/11/2015 13:41:13 door Randy vsf
 
Bryan De Baar

Bryan De Baar

27/11/2015 16:08:21
Quote Anchor link
Dank voor de vele reactie's :)

Ik zal mijn vraag wat duidelijker maken:
Voor de validatie wil ik realtime controle, hieronder versta ik als iemand een veld verlaat er een controle plaats vind voor dat veld.
Als iemand meerdere velden niet invult, en toch op submit klikt er voor de lege velden een error komt.
Stel er is een error en diegene vult alsnog een goede waarde in dat er een oke status komt (maak border groen).
nu kan ik natuurlijk dit doen:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
$('input#firstname').blur(function()
{
    if( !$(this).val() ) {
          $(this).parents('p').addClass('error');
    }
});


Maar dan kan ik er geen verschillende teksten aanhangen, bijvoorbeeld voor een email adres.
Leeg veld: vul emailadres in
test@.com: geen geldig email adres.

daarnaast wil zelf de meldingen kunnen stijlen en wat voor element dat het is.
 
Randy vsf

Randy vsf

27/11/2015 16:23:10
Quote Anchor link
Zet een span of iets onder je input, en vul die als er een foutmelding is :)
Dus in je if:
$('#spanID').html('ERROR: check input');

Die span kan je met css stylen.
Gewijzigd op 27/11/2015 16:23:49 door Randy vsf
 
Ivo P

Ivo P

27/11/2015 16:26:17
Quote Anchor link
<input id="firstname" data-error="custom error text" name="firstname">

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
$('input#firstname').blur(function()
{
    if( !$(this).val() ) {
          $(this).parents('p').addClass('error');
          $(this).parents('p').html($(this).data('error'));
    }
});
 



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.