Valideer input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Junior Java Developer @ Regio Amsterdam

2021-08-11 iSense Junior Java Developer Net afgestudeerd richting Informatica of IT en ervaring in het ontwikkelen met Java? Onze klant biedt een leerzame omgeving met veel doorgroeimogelijkheden waar jij je kunt ontwikkelen tot Java Developer! ISTA50718 Organisatie Onze klant is een internationale organisatie gevestigd in de omgeving van Amsterdam. Ze staan zeer goed bekend in de markt door hun innovatieve dienstverlening op IT gebied en hun gepassioneerde werknemers. Voor hun inspanningen op het gebied van IT hebben ze meerdere prijzen gewonnen! Onze klant is onderdeel van een Corporate werkgever en heeft zelf 300 mensen in dienst. Om klanten optimaal van

Bekijk vacature »

Lead C# Ontwikkelaar

Lead C# Ontwikkelaar vaste standplaats Nijmegen Organisatie Groeiend IT bedrijf, gericht op duurzaamheid en maatschappelijk verantwoord ondernemen. Contactpersoon Roel Kavelaar ; rkavelaar@search-consult.nl ; 06 449 49 337 Verantwoordelijkheden Meedenken over verder ontwikkelen van het bedrijf Leiding geven aan ontwikkelaars Doorspreken van lopende projecten met je teamleden Plannen en budgetteren van nieuwe projectaanvragen Met de klant en andere betrokken partijen functioneel en technisch ontwerp van de aangeboden oplossing opstellen Klanten adviseren over mogelijke oplossingen voor het koppelen van systemen Klanten adviseren over mogelijke oplossingen voor het koppelen van systemen Met de klant en andere betrokken partijen een ontwerp van de aangeboden

Bekijk vacature »

Ruby/Elixir Developer (fixed & interim)

What are you going to do? Being a Ruby/Elixir Developer at T-Mobile is an exciting and varied job that touches different facets of both the customer fulfilment & assurance processes and the network infrastructure here at T-Mobile. The department we called ‘Digital Orchestration’ is the gateway between the commercial customer services and the implementation of those in our networks and on our service platforms. This encompasses internet access, TV and voice services for our consumer domain and internet access, connectivity and hosted voice/mobile connect services for our extended business line. The SCRUM team that you’ll join is developing and maintaining

Bekijk vacature »

Front-end Developer / Vue.js / Meewerkend voorman

2021-08-16 iSense Front-end Developer Vue.js Meewerkend voorman Ben jij een ervaren Front-end Developer, bedreven in Vue.js en lijkt het jou gaaf om als meewerkend voorman verantwoordelijk te zijn voor de ontwikkeling van drie junior ontwikkelaars? Werk jij graag aan diverse projecten t.b.v. het vergroten van klant- en medewerkerbeleving? Lees dan snel verder! ISPE47632-1 Organisatie Betreffende organisatie is gevestigd in de regio van Lelystad en is al ruim 20 jaar lang bedreven in het ontwikkelen en aanbieden van diverse communicatiemiddelen aan de consumentenmarkt. Hierin staan innovatie, optimale klantbeleving en een passie voor technologie centraal. Ruim 100 medewerkers staan dagelijks klaar om

Bekijk vacature »

Junior Medior C# .NET Developer / Javascript

Wie wordt jouw werkgever?: Wij zijn een software- en automatiseringsbedrijf. Ben jij een .NET Developer? Heb jij ervaring met programmeren van software? Wij ontwikkelen software zodat vraag en aanbod van onderdelen van personenauto's bij elkaar kunnen worden gebracht. Wij zijn een veelzijdige organisatie. Je werkt voor onze eigen IT organisatie, hierin werken we met moderne technologie en staan open voor innovatie. Wat ga je precies doen?: Voor de vacature als Medior .NET Developer Dordrecht Javascript ga je het volgende doen: Onderhoud huidige applicatie; Ontwikkelen van nieuwe functionaliteiten; Onderhoud van bestaande, maar ook het ontwikkelen van nieuwe Api’s; Onderhoud (SQL) Database.

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

RPA Developer

Voor een opdrachtgever uit de omgeving Utrecht ben ik op zoek naar een RPA Developer. Heb jij een afgeronde HBO- of WO-opleiding in de richting van IT, econometrie of Business Information Magement en minimaal 3 jaar relevante werkervaring? Dan ben ik op zoek naar jou! Deze opdrachtgever is een bekende naam in de regio Utrecht. Als RPA Developer heb je een functie waar je als spil fungeert. Binnen een team van Mendix-specialisten werk je intensief samen aan verschillende projecten bij diverse klanten. Met elkaar realiseer je vernieuwde businessapplicaties die het onze klanten makkelijker maken en de werkzaamheden efficiënter inrichten. Jij

Bekijk vacature »

Medior Sr PHP Developer Applicaties / MBO+ HBO

Bij welk bedrijf je gaat werken: Wij leveren diensten en oplossingen voor de uitwisseling van digitale en fysieke informatiestromen. Wil jij werken als PHP Developer? Heb jij ervaring als PHP developer? Vaste baan: Medior Sr PHP Developer Applicaties MBO+ HBO 2.800 - 4.300 Medior Senior PHP Developer Als fullservice marketingbureau werken we op alle fronten: e-mail, direct mail, mobile, web en social media. Marketing IT Tools ontwikkelen wij op maat of hebben wij in huis. Bij ons bedrijf staan vertrouwen, samenwerkings- en resultaatgerichtheid hoog in het vaandel. Wij werken voor grote klanten. We doen omvangrijke projecten die we bij ons

Bekijk vacature »

Senior Developer Mendix (NL) bij PostNL

Senior Developer Mendix (NL) Den Haag HBO/WO IT Professional "Wij zetten Mendix in voor onze kritieke processen om de favoriete bezorger van Nederland te zijn. We zoeken een Mendix Developer die met ons verder bouwt aan de 'digital core' van PostNL" Wat ga je doen? PostNL is a logistical tech company. Als Mendix Developer  kom je te werken in een organisatie waarbij data, technologie en een engineering culture een sleutelrol spelen. PostNL wil 'digital at the core' zijn en daarom staan we aan de voorgrond van het ontwikkelen van onze eigen logistieke software.    In de functie van Mendix Developer

Bekijk vacature »

C/C++ Developer @ Utrecht

2021-07-19 iSense C/C++ Developer Wil jij als C/C++ Developer aan verschillende (inhouse) projecten tegelijk werken voor een organisatie die door slimme oplossingen Nederland steeds leefbaarder maakt? Lees dan nu verder! ISHU48544 Organisatie Als Software ontwikkelaar C/C++ kom je te werken bij een toonaangevende organisatie in de mobiliteitsbranche die door het produceren van slimme producten Nederland steeds leefbaarder maakt! Ze ontwikkelen innovatieve producten die er onder andere voor zorgen dat de infrastructuur in Nederland op de snelste en meeste efficiënte manier kan worden geregeld. Als C/C++ ontwikkelaar kom je te werken op een afdeling met 40 collega's, bestaande uit Engineers, deskundigen

Bekijk vacature »

Datawarehouse specialist / ETL Ontwikkelaar @ Rott

2021-04-12 iSense Datawarehouse specialist / ETL Ontwikkelaar Datawarehouse ontwikkelaar / ETL ontwikkelaar / DWH ISRA49558 Nieuw Organisatie Onze klant is een semi overheidsinstelling. Ze zijn bezig met het bouwen van een nieuwe BI omgeving. Ze hebben onderzocht hoe het datalandschap en de informatievoorziening geprofessionaliseerd kan worden. Als DWH Ontwikkelaar kun jij hier een belangrijk rol in gaan spelen over hoe je het verder gaat uitvoeren. Het is een informele organisatie met een goede werksfeer. De mensen die er werken zijn ambitieus en werken met de nieuwste technieken. Ben jij toe aan een nieuwe uitdaging als datawarehouse ontwikkelaar waar jij kunt

Bekijk vacature »

.Net Developer / Azure / Angular / SaaS @ Amsterda

2021-08-27 iSense .Net Developer Azure Angular SaaS Would you like to work in a young and innovative SaaS company with their office in the city center of Amsterdam? Do you thrive in an environment with a lot of freedom and responsibility? Then this might be your next step! ISKE48834 Nieuw Company profile This company is an international operating SaaS company that, with their software, tries to improve the heatlh and luck of employees worldwide. Every year at least 2 million people use their software in their own language. The employees of this company can be described as a young, enthusiastic,

Bekijk vacature »

Salesforce developer

Functieomschrijving Do you want to help shape the global Salesforce environment of the world’s largest HR service provider, defining, building and continuously improving the solution 28.000 people will use on a daily basis? Helping shape the working life of over 500 million talented individuals? As part of building a global Salesforce programme we are looking for multiple experienced Salesforce Developers. You work closely with our Technical lead, product owner and other salesforce developers and consultants to implement and integrate a global package of features based on Sales Cloud, Services Cloud, Marketing Cloud and Bullhorn for Salesforce, including but not limited

Bekijk vacature »

ETL Ontwikkelaar / Data Engineer BI - Public Trans

Ben jij een ervaren ETL ontwikkelaar / Data Engineer BI en wil jij zorgen dat onze klanten in de transportsector waarde kunnen halen uit data en de business kunnen voorzien van hoogwaardige informatieproducten, van dashboards tot complexe voorspelmodellen? Zoek jij een nieuwe uitdaging en een omgeving waar vrijheid, teamspirit en ondernemerschap onderdeel zijn van het DNA? Dan nodigen wij jou uit om verder te lezen! Wat ga je doen? CGI zoekt een ervaren en communicatief sterke ETL Ontwikkelaar / Data Engineer BI die in een autonoom agile team kan werken via de scrummethodiek en zich bezig gaat houden met het

Bekijk vacature »

.NET ontwikkelaar / Azure @ Utrecht

2021-08-16 iSense .NET ontwikkelaar / Azure Ben jij een ervaren .NET Developer die na al die jaren programmeren nog steeds niets liever doet dan programmeren in .NET en heb jij daarnaast al de nodige kennis in Azure opgedaan? Lees dan snel verder! ISKL48621 Organisatie Als onderdeel van een grote IT-dienstverlener is deze organisatie nu gegroeid tot een organisatie van bijna 30 man groot. Iedereen binnen deze organisatie houdt zich bezig met het ontwikkelen, beheren, onderhouden van bedrijfskritische applicaties. De organisatie ontwikkelt applicaties voor o.a. diverse grote zorgverzekeraars, maar ook de wat kleinere lokale bedrijven worden door deze organisatie ondersteund. In

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

19/09/2021 06:02:05
 
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.