Valideer input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Lead Mendix Developer

Heb jij passie voor software ontwikkeling en vind je het leuk om eindgebruikers snel te helpen door het realiseren van web en mobiele applicaties? Vind jij het leuk om junior ontwikkelaars te begeleiden en te enthousiasmeren door het delen van je kennis? Heb jij de ambitie om door te ontwikkelen naar een Full Stack ontwikkelaar? Dan is dit jouw topbaan! Met meer dan 100 bedrijven in verschillende product-marktcombinaties is geen dag hetzelfde bij VDL. Als Lead Low Code Developer ontwikkel je met Mendix nieuwe functionaliteiten voor bestaande applicaties. Applicaties waar eindgebruikers graag mee werken. Daarnaast zijn er tal van nieuwe

Bekijk vacature »

Senior Applicatieontwikkelaar

UPS zoekt een Senior Applicatieontwikkelaar *Thuiswerken is mogelijk voor deze functie 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

Bekijk vacature »

Fullstack .NET DEVELOPER - GRADUATE PROGRAM @ Rand

2021-06-10 iSense Fullstack .NET DEVELOPER - GRADUATE PROGRAM Ben je onlangs afgestudeerd van een IT-opleiding of heb je nog maar weinig ervaring opgedaan? En wil je toch graag aan de slag als .NET Developer? Lees dan snel verder, want op 9 augustus 2021 starten wij weer met een graduate programma waarin jij jezelf kunt ontwikkelen tot een volwaardige Fullstack .NET Developer! ISLE50166 Locatie Randstad/Eindhoven Wat ga je doen tijdens het Fullstack .NET Developer Graduate Programma? In augustus krijg jij via de Experis Academy een unieke kans om jouw IT-carrière een kickstart te geven en jezelf te ontwikkelen tot Fullstack .NET

Bekijk vacature »

Fullstack Developer Ruby

Fullstack Developer Ruby Erg leuke baan als Fullstack Ontwikkelaar bij een groeiende scaleup in Fintech te Amsterdam. Hun ambitie is groot. Zij willen de beste online vermogensbeheerder van Nederland zijn. We zoeken daarom IT-collega's die bij ons passen én het verschil kunnen maken. Als medior full-stack-developer word je een belangrijke spil tussen ons eigen front-end-team en het externe back-end-bureau. Een voor ons essentiële functie met veel ruimte voor zelfsturing en eigen inbreng Wie ben jij? Een goed communicerende, 'allround' developer met hbo/wo werk- en/of denkniveau die er 40 uur per week helemaal voor gaat. Iemand die minstens 3 tot 5

Bekijk vacature »

C# .NET Software Ontwikkelaar Scrum / Docker

Voor wie je gaat werken: Wij ontwikkelen smart digital building software. Wil jij aan de slag als software ontwikkelaar? Heb jij ervaring met programmeren? Vaste baan: C# .NET Software Ontwikkelaar Scrum HBO 3.200 - 4.800 Software Developer Wij zijn een sterke speler op de internationale markt van digital signage/narrowcasting software. Vanuit onze vestiging in Eindhoven werken we met de nieuwste technologieën aan out-of-the-box producten voor digital signage. Deze producten worden via ons wereldwijd partner netwerk bij talloze bedrijven en organisaties ingezet voor dynamische beeldscherm-communicatie. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. We werken met moderne

Bekijk vacature »

Developer Software Leidinggevend / Vue Python

Over het bedrijf: Wij leveren online software en diensten voor kinderdagverblijven. Ben jij een ervaren developer manager? Heb jij ervaring binnen software bedrijven? Vaste baan: Developer Software Stretegie 3.500 - 6.000 Development Manager In de kinderopvang draait alles om het kind, maar soms neemt het papierwerk helaas de overhand. Wij vinden dat het kind centraal moet staan en vanuit deze filosofie hebben wij een innovatieve digitale oplossing ontwikkeld die het papierwerk zo veel mogelijk uit handen neemt waardoor de aandacht weer bij het kind komt. Daarnaast zijn wij een veelzijdige organisatie. Bovendien werk je voor onze eigen IT organisatie. Ook

Bekijk vacature »

Team Lead Applicatie Developers

UPS zoekt een Team Lead Applicatie Developers *THUISWERKEN IS MOGELIJK VOOR DEZE FUNCTIE Heb jij ruime ervaring als applicatieontwikkelaar? En vind je het leuk om boven op de laatste ontwikkelingen in je vak te zitten, mede-developers aan te sturen en altijd te blijven leren? Als Team Lead C# bij UPS werk je aan projecten die in veel verschillende landen worden gebruikt en maak je deel uit van een grote en internationale gemeenschap van agile teams. Dit ga je doen Je gaat aan de slag met het leveren van functionaliteiten voor zeer complexe IT-systemen. Je werkt samen met verschillende agile teams

Bekijk vacature »

Back-End Developer PHP

Back-End Developer PHP7 (Laravel) We search for our client with an energetic, young and fast growing team a new pearl in Back End Dev to join their team in the centre of Amsterdam! The company is based on the newest technology, is funded by top-tier investors, delivers on an ambitious roadmap, and is supported by a talented team. We search for a full-time Back-End Developer to join our team in Amsterdam. We are looking for a pro-active, software developer with experience building large scale SaaS applications. You'll work autonomously, will ship multiple features a week, help determine the roadmap and

Bekijk vacature »

Front End Developer with excellent Angular skills

Front End Developer with excellent Angular skills to help migrate software application into the Cloud (Front End Developer Angular 65K Rotterdam IND Registered) For an international organisation, specialised in data management for the process industry, we are looking for a Front End Developer with strong work experience in Angular technologies. This organisation has developt a software solution that takes on the important role of connecting people, data and assets, and translates this data into 3D models. Until recently it was a desktop solution, that is currently being migrated to the (AWS) Cloud. Are you up for the task? Who are

Bekijk vacature »

Backend Developer Back end developer / API Linux

Wie wordt jouw werkgever?: Wij zijn een zeer innovatief technologiebedrijf. Heb jij ervaring in de back-end ontwikkeling? Heb jij goede communicatieve vaardigheden? Vaste baan: Backend Developer Back end developer HBO 3.000 - 4.500 Backend Developer Wij zijn gespecialiseerd in de ontwikkeling van online games. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als het gaat om de inzet van technologie. Wij staan open voor elke nieuwe trend. Onze systemen zijn groot en ingewikkeld. Hou jij van diepgang en van een vaste werkkring waar je jaren werkt aan dezelfde krachtige

Bekijk vacature »

Back-end Developer - Medior

Do you have experience in PHP and love OOP? Would you like to help with an improvement project for a large international customer? Then this is probably the role for you! Job Description You are responsible for developing, maintaining, and testing software as a back-end developer. Databases, integration, APIs, and other back-end processes are all examples. We're looking for a developer who has worked with large amounts of data and is excited to work with our own framework. Responsibilities Developing in PHP and loving to do it OOP style; Knowing JavaScript as second language; Speaks SQL too; Developing what the

Bekijk vacature »

Java/Perl Developer @ Rotterdam

2021-07-30 iSense Java/Perl Developer Java/ Perl Developer ISBO50655 Nieuw Organisatie De organisatie is een ambitieuze en vooruitstrevende speler in de markt in de regio Rotterdam. Ze zijn de snelst groeiende in hun branche. Met een excellent aanbod en service willen zij de beste keuze zijn voor hun bestaande en nieuwe klanten. Dit alles doen zij met plezier en enthousiasme. De organisatie is te omschrijven als informeel, pragmatisch en dynamisch. Onze klant is opzoek naar een Java/ Perl Developer. Samen met een team van 8 engineers ben je verantwoordelijk voor alle software-innovaties en -optimalisaties, voor alle facetten binnen de organisatie. Denk

Bekijk vacature »

BI Ontwikkelaar / Junior of Starter (WO) @ Apeldoo

2021-06-15 iSense BI Ontwikkelaar Junior of Starter (WO) Ben jij WO-opgeleid en een junior of starter op het gebied van ontwikkelen? Lijkt het je leuk om in een jaar opgeleid en begeleid te worden en mee te werken als BI-ontwikkelaar? Lees dan snel verder wat dit inhoudt en solliciteer! ISRO50193 Organisatie Als preffered supplier zijn we voor de Belastingdienst (te Apeldoorn) op zoek naar junior BI ontwikkelaars voor het SAS platform. SAS is een geavanceerd Big Data-softwareplatform dat wordt gebruikt voor toegang, beheer, rapportage en analyse van data in allerlei vormen. Jouw eerste jaar staat in het teken van het

Bekijk vacature »

Sr Outsystems Ontwikkelaar ERP Javascript C# / C#

Wie wordt jouw werkgever?: Wij ontwikkelen ERP systemen. Ben jij een gedreven Outsystems Ontwikkelaar? Heb je kennis van C#? Vaste baan: Sr Outsystems Ontwikkelaar ERP C# 3.500 - 4.200 Senior Outsystems Ontwikkelaar Wij ontwikkelen ERP systemen voor bouworganisaties. Dit doen wij tegen de hoogst mogelijke kwaliteit. Werken bij ons betekent werken in een start-up omgeving met veel groei mogelijkheden. Doorleren wordt op prijs gesteld en gefaciliteerd. Daarbij geven we jou veel verantwoordelijkheden en mogelijkheden om eigen initiatieven uit te voeren. Bij ons werk je aan onze eigen bedrijfsapplicaties. Je ontwikkelt met ons de meest nieuwe software. Wij blinken uit als

Bekijk vacature »

C# .NET Full Stack Developer Medische Software / C

Over de werkgever: Wij ontwikkelen 3D analyse software voor de medische sector. Ben jij een ervaren Full Stack ontwikkelaar? Heb jij ervaring met C#? Vaste baan: C# .NET Full Stack Developer Medische Software JavaScript 3.300 - 4.500 C# Full Stack Developer Ons bedrijf ontwikkelt geavanceerde software voor analyse van medische beelden. Artsen gebruiken onze software bij de diagnosestelling. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie. We werken met moderne technologie en staan open voor innovatie. Wat houdt de functie precies in?: Voor de vacature als C# Full Stack Developer Bilthoven .NET ga je het volgende

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

03/08/2021 10:47:32
 
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.