Valideer input

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Intene Senior Java developer (agile) positie

Bedrijfsomschrijving Wij hebben nog erg veel nieuwe projecten liggen die nog van start moeten gaan en daarom zoeken wij een Senior Java developer die samen met zijn/haar collega's prachtige producten en projecten mag gaan oppakken. Wij zijn momenteel met ongeveer 200 FTE en zijn een ICT bedrijf dat zich ECHT weet te onderscheiden van andere ondernemingen. We hebben meerdere vestigingen en zoeken nu een Senior Java Developer die ons gaat versterken binnen de Agile Scrum teams in Leusden. Wij zijn de linking pin voor veel (inter)nationale bedrijven en werken aan grote landschappen om de klant haar behoefte te vervullen. We

Bekijk vacature »

.NET developer

Ben je niet onbekend met .NET frameworks en full-stack development? En ben je op zoek naar een uitdagende functie bij een groeiend bedrijf? Dan heb je wellicht interesse in de positie van: .NET developer voor ons kantoor in Helmond Over de positie: Je hebt een duidelijke rol binnen het team, waarbij je verantwoordelijk voor het ontwerpen en beheren van de plug ins voor de verschillende webshopomgevingen en/of de webportal bent. Je geeft advies aan resellers ontwikkelaars en begeleidt ze op technisch gebied aangaande de implementatie van nieuwe betaalmethoden en levert 3de lijns technical support. Over jou: Wij zijn op zoek

Bekijk vacature »

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 »

Front-end Developer met groeimogelijkheden richtin

Bedrijfsomschrijving Deze internationale speler op het gebied van software zoekt uitbreiding voor het team in Diemen in de vorm van een Front-end Developer. De organisatie is wereldwijd bekend en kent meer dan duizenden medewerkers. Zij bouwen innovatieve cloud oplossingen in de financiële sector die door organisaties in diverse branches gebruikt wordt. Zo hebben ze onder andere klanten in de reisbranche, vliegtuigmaatschappijen en zorggroepen die landelijk bij iedereen bekend zijn. Dat doen ze niet alleen voor grote organisaties maar ook voor de MKB en KMB+ sector. De vestiging waar jij komt te werken is een kleine vestiging waar je prettig kan

Bekijk vacature »

QA Specification Technologist

QA Specificationtechnologist, met een passie voor food Menken Orlando is een internationaal opererend familiebedrijf met een lange traditie. We ontwikkelen en leveren innovatieve foodconcepten voor retail- en foodserviceklanten in heel Europa. Deze concepten worden geleverd onder private label of als een van de eigen merken van Menken Orlando. De belangrijkste productgroepen zijn Asian snacks, noten, maaltijdverrijkers en chocoladeproducten. De grondstoffen worden van over de hele wereld geïmporteerd. Menken Orlando heeft drie productielocaties in Nederland, Den Haag, Hazerswoude en Blijham. Als versterking voor ons team in Den Haag zijn we op zoek naar een QA SpecificationTechnologist (32-40 uur) Den Haag Wat

Bekijk vacature »

Mobile App Developer

Ons Mobile ontwikkelteam zoekt een fanatieke Mobile App Developer. Ben jij creatief en heb je passie voor het ontwikkelen van apps? Dan zijn wij op zoek naar jou! Jouw baan ChipSoft heeft al diverse apps uitgebracht en het aantal gebruikers hiervan neemt snel toe. De apps doen het erg goed bij de zorginstellingen. Je kunt hierbij denken aan apps verpleegkundigen, thuiszorgmedewerkers, de logistieke dienst en - natuurlijk - de artsen zelf. Door jouw hands-on mentaliteit, eigenwijsheid en technisch inzicht kun je nauwkeurig herbruikbare software schrijven. Die software sluit naadloos aan op onze ‘back end’ (HiX, onze ICT-totaaloplossing voor de zorg).

Bekijk vacature »

.NET Developer / C#

Bedrijfsomschrijving werken bij een organisatie waar je met het volgende in aanraking komt: High-intensity dataverkeer, meer dan 2,7 miljard berichten per jaar; Development aan .NET applicaties die maandelijks miljoenen euro's verwerken; Salaris als developer tot bijna 70.000 euro op jaarbasis; Geen partij in de omgeving van Tilburg die zo'n complex .NET applicatielandschap heeft; Werken aan meer dan 50 diensten, verdeeld over 10 Scrum teams; Focus op o.a.: C# en ASP.NET in een Agile organisatie; Elk kwartaal een week lang verplicht met nieuwe technieken/tooling werken; Meer dan 40 ervaren .NET ontwikkelaars als collega's; Mogelijkheid om 32 of 36 uur te gaan

Bekijk vacature »

Senior Frontend Developer

Senior Frontend Developer Do you have a passion for working in a fast growing, innovative organisation? Are you ambitious and do you also value quality above quantity? As a Senior Frontend Developer you are of great importance in the development of the SaaS platform. In this way you contribute to the ambition of the company in becoming the key player in the digital advertising industry. Our fast growing client in Eindhoven is looking for an experienced Senior Frontend Developer. Your impact as Senior Frontend Developer You are a Senior Frontend developer who is able to further structure the front end,

Bekijk vacature »

E-mail Developer

Als E-mail Developer laat je Coolblue er in elke mailbox goed uit zien. Hoe word ik E-mail Developer bij Coolblue? Kan jij met jouw technische ervaring en skills de vetste emails coderen? Weet jij daarnaast alle laatste snufjes op het gebied van email en kan je niet wachten deze te delen met onze campagne specialisten? Dan is deze functie iets voor jou! Wil jij E-mail Developer worden bij Coolblue? Annelotte legt je uit hoe je dat doet. Dit vind je leuk om te doen Het ontwikkelen van vette e-mails door gestructureerde HTML en CSS te schrijven in een snel tempo.

Bekijk vacature »

Junior New Business Developer

Lijkt het je gaaf om een nieuwe waardestroom op te zetten voor Coolblue? Geeft het je een kick om op een groene en duurzame manier aan het werk te zijn terwijl je ook meer geld voor Coolblue kan verdienen? Dan is dit iets voor jou! Hoe word ik Junior New Business Developer/Owner Televisies Refurbishen bij Coolblue? Bij Coolblue zijn we constant op zoek naar nieuwe, innovatieve waardestromen. Zo zijn we begonnen met het refurbishen en verkopen van afgedankt witgoed. De volgende stap die we hier in willen zetten is televisies. Deze belanden nu op de afvalberg, terwijl er nog heel

Bekijk vacature »

C# .NET Full Stack Developer

Bedrijfsomschrijving Dit internationale is marktleider op het gebied van automatisering. Door de vooruitlopende technieken zijn de processen zo efficiënt mogelijk ingericht. De software verwerkt aanvragen automatisch en zorgt ervoor dat binnen 24 uur de bestelling geleverd kan worden. De organisatie is dan ook continu bezig met het verder ontwikkelen en investeren in de nieuwste technieken. Het development team bestaat op dit moment uit zeven collega's, maar de totale organisatie uit meer dan 300 professionals. Het team is verantwoordelijk voor de gehele softwareontwikkeling, van front-end tot (productie)procesautomatisering. Iedereen heeft zijn/ haar eigen specialisatie, maar alles is mogelijk. Hierbij krijg je veel

Bekijk vacature »

Senior .Net Developer - Kartrekker Financieel Azur

De internationale en innovatieve FinTech is marktleider in financiële reporting en trends software en services en breidt wegens groeiend succes haar producten en development teams verder uit. Hiervoor zoeken ze Senior .Net C# Developer die mogelijk ook het nieuw te vormen team technisch zal aansturen. De huidige oplossingen staan; aan jou de taak samen met de huidige Tech Lead te kijken naar optimalisatie en innovatie van het platform. Daarnaast breid je de tooling met je team uit en maak je de stap om het nieuwe development team te vormen en sturen als nieuwe Tech Lead. Met hen bouw je aan

Bekijk vacature »

C# Developer/ SQL Server/ Visual Studio/Javascript

Bedrijfsomschrijving Onze klant is een internationale organisatie gevestigd in de omgeving van Almere. De laatste jaren heeft onze klant een forse groei doorgemaakt als onderdeel van een grote Corporate werkgever. Flexibiliteit en meedenken zijn belangrijke pijlers in de organisatie. Zo is het pand bijvoorbeeld al om 7 uur open, zodat flexibele werktijden mogelijk zijn. Om klanten en werknemers optimaal van dienst te kunnen zijn is onze klant op zoek naar een .NET Developer (C#). De afdeling waar je komt te werken bestaat uit drie onderdelen: een websites team, een portals team en een team dat over een HR-systeem gaat. Voor

Bekijk vacature »

Medior PHP Developer

As a PHP Developer at Coolblue, you ensure that our webshops are bizarre fast and super tight. How do I become a PHP Developer at Coolblue? As a Medior PHP Developer you work together with other development teams to make our webshop work as optimally as possible and to make our customers happy. Although you are a PHP Developer, you are not averse to a little C # or Javascript. Want to become an PHP Developer at Coolblue? Else will explain how to do that. You enjoy doing this Writing PHP code, but can also find your way in C

Bekijk vacature »

Software Developer eMagiz

Ben jij een zelfstandige (liefst Full Stack) Developer die zich op een volwassen manier verantwoordelijk voelt voor zijn eigen doelstellingen en daarnaast blij wordt van de teamdynamiek in je scrumteam en daar een actieve en kritische rol heeft? En word jij enthousiast van een zeer complexe ontwikkelomgeving waar je wordt uitgedaagd abstract te denken? Word dan lid van ons R&D team zodat jij een bijdrage levert aan onze zeer geavanceerde softwaremodellen en zo onze Enterprise integration Platform as a Service verder verbetert. Jouw uitdaging als Software Developer eMagiz eMagiz is een modelgedreven platform en wordt door klanten en partners gebruikt

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/11/2020 05:15:49
 
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.