Valideer input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en

Bekijk vacature »

Junior Developer Fullstack Java DevOps Cloud

Bedrijfsomschrijving Onze klant is een grote organisatie en is actief in de financiële sector. Binnen Europa bieden zij veel verschillende producten en diensten aan. De afdeling waar je komt te werken richt zich op het digitaliseren van primaire digitale processen. Wat digitale processen betreft lopen wij in Nederland ver voor op andere landen in Europa! Deze services wil de organisatie ook aanbieden aan hun collega’s en klanten in landen zoals België, Frankrijk en Duitsland. Jij en je team zijn verantwoordelijk voor de digitalisatie van de primaire processen en deze vervolgens te optimaliseren & automatiseren. Binnen het team zal je end-to-end

Bekijk vacature »

.NET Developer Zorg-ICT

Wil jij met ChipSoft impact maken in de zorg met jouw technische kennis als Software Developer? En lijkt het jou uitdagend om innovatieve software te ontwikkelen met de laatste Microsoft-tools en technieken? Wat doe jij als Software Developer? Je bent verantwoordelijk voor het ontwerpen, ontwikkelen, ondersteunen en onderhouden van jouw eigen module. Dit gaat om complexe ICT-producten die feilloos moeten functioneren binnen de complexe omgeving van een zorgorganisatie. Je werkt zelfstandig of in teamverband. ChipSoft maakt gebruik van een zelf ontwikkeld multi-tier framework. Tijdens een interne opleiding brengen wij je snel bij hoe je binnen deze architectuur je ontwikkelkunsten kunt

Bekijk vacature »

Lead Full Stack Developer / Mobile Apps / C# / Rea

Bedrijfsomschrijving Als Full Stack developer kom je te werken bij een organisatie in regio Ede die gespecialiseerd is in het ontwikkelen en implementeren van software. Zo hebben ze een eigen ontwikkelde applicaties in de markt gezet voor de agrarische sector die internationaal zeer succesvol is en waar grote vraag naar is. Door deze software worden klanten op een slimme manier ondersteund bij voorraden, administratie, het maken van planningen en nog veel meer. De laatste tijd neemt de vraag naar mobile applicaties toe die klanten real time van de correcte informatie voorzien en het mogelijk maken om onder andere data registraties

Bekijk vacature »

Java Developer

Full Stack Java Developer - JAVA / Spring / NoSQL BRAND NEW ROLE AVAILABLE IN AMSTERDAM, NETHERLANDS, WORKING WITH AN ESTABLISHED SOFTWARE HOUSE • Mid to senior level candidates considered • Amsterdam location, easily accessible by car and public transport • JAVA / Spring / NoSQL • Competitive salary up to €70,000 plus amazing benefits • To apply please call +31 (0)208 004 990 or email me; George.widdowson@searchability.com Based in Amsterdam we are an industry leading software company who are looking for a Dutch speaking Java Developer with financial experience to join the team. We work with prestigious clients within

Bekijk vacature »

.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 hun informatie behoeften

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Senior PHP developer (PHP, Node.js, React en AWS)

Functieomschrijving In de functie van PHP developer werk je samen met het team van developers aan complexe software die bedrijven helpt bij het boosten van hun sales. De infrastructuur draait hier op AWS en je werkt hier met de laatste technieken binnen PHP, Node.js, MySQL en NoSQL. De frontend wordt hier geschreven in JavaScript met React als library. De developers die hier zitten hebben allemaal een passie voor programmeren en worden gedreven door het schrijven van goede code. OOP en Design Patterns zijn begrippen die hier niet zomaar geroepen worden en zijn buzzwords. Dit jaar staan er mooie en belangrijke

Bekijk vacature »

Senior DevOps-ontwikkelaar eIDAS

Functie­omschrijving Burgers en bedrijven veilig en betrouwbaar digitaal toegang geven tot diensten en producten van het ministerie van Economische Zaken en Klimaat. Als senior DevOps-ontwikkelaar bouw je daar letterlijk aan mee. En dat doe je bij DICTU: een van de grootste en meest vooruitstrevende ICT-dienstverleners van de Rijksoverheid. Jij werkt mee aan de doorontwikkeling van eIDAS, dat staat voor Electronic IDentification Authentication and trust Services. Deze koppeling maakt de grensoverschrijdende authenticatie op overheidswebsites binnen de Europese Unie mogelijk. Het ministerie van Economische Zaken en Klimaat heeft één moderne toegangspoort voor zijn diensten en inspecties. Enkele daarvan zijn dankzij eIDAS inmiddels

Bekijk vacature »

Digital Solutions Developer Lead

The goal is to develop (and maintain - DevOps) the Digital capabilities to support the Digitalisation within MS Amlin. For this we're looking at working with state-of-the-art (low-code) technology that will allow for the creation of a digital eco-system. Client Details MS Amlin is a leading commercial insurance company and part of Japanese insurance group MS&AD (6th largest the world). Digital Trading is one of the key strategic growth & efficiency improvement areas for MS Amlin. Digitalisation of our offering is essential for maintaining our position, enhancing client intimacy, improving efficiency and building out our presence in the European SME

Bekijk vacature »

Mendix Expert Developer (Senior) (NL)

Mendix Expert Developer (Senior) (NL) Den Haag HBO/WO IT Professional "Als Mendix expert impact maken op de groeiende E-commerce markt met onze logistieke software en onze kritieke logistieke keten. Je doet dit door ontwikkeling en uitbreiding van onze Mendix Cloud omgeving, waarbij je complexe business processen vertaalt naar kritieke Mendix applicaties.". Wat ga je doen? PostNL is becoming a postal tech company Als Mendix Expert Developer ben je onderdeel van een multidisciplinair Business-IT-team bestaande uit onder andere een Lead, Mendix Developers en Solution Consultants. Wij zetten Mendix in voor kritieke processen waarbij applicaties optimaal moeten performen, want wanneer deze uitvallen,

Bekijk vacature »

.NET Developer

Currently we are specific looking for professionals who speak fluently Dutch on C1 level. .NET engineer met ambitie? De uitgebreide versie: Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Stilstand is achteruitgang voor jou; je hebt behoefte aan collegae die jou alles leren over Microsoft technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt.

Bekijk vacature »

C# Developer

C# Developer Currently we are specific looking for professionals who speak fluently Dutch on C1 level. De uitgebreide versie Jij hebt ruim twee jaar ervaring als developer. Nu wil je graag je tanden zetten in nog complexere projecten. Met je team bereik je nieuwe hoogtes en zelfstandig maak je meters. Stilstand is achteruitgang voor jou; je hebt behoefte aan collegae die jou alles leren over Microsoft technologie maar wilt tegelijkertijd ook graag je eigen opgedane kennis delen. Alles wat vandaag nog onbekend is, moet je morgen toepassen in de volgende uitdaging en dàt is wat jou scherp houdt. Je hebt

Bekijk vacature »

Technisch Ontwerper / Applicatie Ontwikkelaar

Technisch Ontwerper / Applicatie Ontwikkelaar Actief Wat ga je doen? Als Technisch Ontwerper / Applicatie Ontwikkelaar kom je te werken bij onze gerenommeerde klanten op projecten of opdrachten van omvang en formaat. Je bent verantwoordelijk voor het omzetten van functionele specificaties naar een technisch ontwerp, het ontwerp van programmaspecificaties voor toepassingen, de realisatie van (gewijzigde) programmaonderdelen en databestanden van toepassingen en de technische systeemtest van applicatietoepassingen. Daarnaast geef je vorm aan webpagina’s en applicaties, stel je gebruikersdocumentatie op en verleen je ondersteuning bij het oplossen van productiefouten. Tevens ben je verantwoordelijk voor het samenstellen en onderhouden van de applicatie c.q.

Bekijk vacature »

Senior applicatieontwikkelaar

Ben jij een gedreven applicatieontwikkelaar met minimaal drie jaar werkervaring? En wil je een uitdagende baan met impact én jezelf breed ontwikkelen? Bij UPS bouw je mee aan complexe systemen die wereldwijd worden gebruikt en krijg je alle ruimte om nóg beter te worden in je vak. Dit ga je doen In een dynamisch scrumteam werk je aan de hand van processen en technologieën zoals CI/CD en DevOps aan het behalen van jullie doelen. Je bent betrokken bij alle facetten van applicatieontwikkeling: van ontwerpen en bouwen tot testen en implementeren. Je levert ontwerpen die passen bij de onderliggende frameworks en

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

24/10/2020 07:28:52
 
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.