Opslaan formulier

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Als fullstack JavaScript developer portals en apps

Gepassioneerd door web development, nieuwe technologie en op zoek naar een functie waarbij je werkt met diverse JavaScript frameworks zoals Angular, Ionic, React (native) ? Dan is deze vacature iets voor jou. Wij zijn een groeiend bedrijf dat voor grote, internationale klanten werkt. Wij zijn gespecialiseerd in het bouwen van innovatieve portaal oplossingen en apps. Wij doen dit in verschillende sectoren en zijn met name werkzaam in Nederland, België, UK en Spanje. Op dit moment telt ons team zo’n 25 collega’s maar hier hopen wij snel een gemotiveerde collega aan toe te voegen. Bij ons heerst een gemoedelijke sfeer waar

Bekijk vacature »

Senior Front-end ontwikkelaar gezocht in Den Haag!

Organisatie & Afdeling Ter versterking van ons team zijn wij per direct op zoek naar de beste Front-end ontwikkelaars uit het land, ben jij gedreven en wil je werken voor de meest uitdagende opdrachtgevers? Dan zoeken wij naar jou! Om een korte greep te nemen uit onze huidige opdrachten werken wij op dit moment aan het nieuwe videoland platform (in samenwerking met RTL), bouwen we een splinternieuw onboard entertainment systeem voor de KLM en werken we nauw samen met de Rabobank in het vernieuwen van de bankieren applicatie/app. Wij zijn DE detacheerder op het gebied van Front-end development, met 100%

Bekijk vacature »

C# Developer/ SQL Server/ Visual Studio/Javascript

Functieomschrijving Ben jij een gedreven en enthousiaste .NET Developer (C#) met gevoel voor design en usability? Wil jij als C# Ontwikkellaar jouw skills graag inzetten voor een innovatieve, flexibele organisatie met een groot bereik? Lees dan snel verder! Je gaat aan de slag in het websites team of portals team waarin je je bezighoudt met concept & design, implementatie en ook een stukje bugfixing en onderhoud; Je werkt met je team volgens de Scrum werkwijze; Zo adviseer je ook de PO & Scrum Master over de technische architectuur, koppelingen en integratie met externe systemen en API’s; Je blijft op de

Bekijk vacature »

Lead Developer / Go / Node / PHP

Organisatie en functie Voor onze klant te Amsterdam zijn we op zoek naar een communicatief sterke lead developer. Heb jij een passie voor alles wat met vernieuwende technologieën te maken heeft dan ga je snel je draai vinden bij deze club. Wij zijn op zoek naar iemand met de ervaring én het talent om mee te denken aan slimme en solide mobile- en weboplossingen en hierbij een team van 8 ontwikkelaars aan te sturen. Het is belangrijk dat je een lead developer bent die enerzijds wilt meedraaien met onze lopende projecten en anderzijds nieuwe ontwikkelingen verkennen en bijhouden; Deze organisatie

Bekijk vacature »

GIS Developer - Utrecht

Functieomschrijving Wil jij je GIS kennis toepassen in het maken van software voor grote marktpartijen en overheidsinstellingen? Zoek jij een nieuwe uitdaging en heb jij ervaring met GIS? Reageer dan nu! Ontwikkelen van geografische (GIS) applicaties- en software; Beheer en onderhoud van GIS applicaties; Koppelen, leveren en implementeren van GIS applicaties aan bestaande applicaties van klanten; Flexibel en vernieuwend werken binnen een innoverend bedrijf. Functie-eisen Afgeronde HBO opleiding; Kennis van GIS is een eis; Kennis van GIS programmeertalen is een eis. Bedrijfsomschrijving Het bedrijf waar je komt te werken is een flexibel en vernieuwend bedrijf, dat al 15 jaar innoverend

Bekijk vacature »

OutSystems developer in de regio Bussum

Wil jij in de regio Bussum aan de slag als OutSystems ontwikkelaar? En wil jij betrokken zijn bij de ontwikkeling van nieuwe applicaties en het herbouwen van bestaande systemen? Reageer dan nu voor meer informatie! Functieomschrijving Wil jij in de regio Bussum aan de slag als OutSystems ontwikkelaar? En wil jij betrokken zijn bij de ontwikkeling van nieuwe applicaties en het herbouwen van bestaande systemen? Reageer dan nu voor meer informatie! Ontwikkelen van nieuwe applicaties; Herbouwen van bestaande systemen met behulp van OutSystems; Deelnemen aan driewekelijkse sprints binnen een Scrumteam; In gesprek gaan met de business om processen in kaart

Bekijk vacature »

Regio Zwolle - Java Lead Developer

Momenteel ben ik opzoek naar een Java Lead Developer voor een klant gespecialiseerd in het optimaliseren van data. Het bedrijf is opzoek naar een ervaren Java Developer die ervaring heeft met J2EE in de basis en bijbehorende frameworks. Verder zou het een pre zijn als je kan werken met SQL en (restful) webservices. Sluiten deze skills aan bij jouw profiel en heb je affiniteit met data, dan kan deze functie jouw nieuwe droom baan zijn! Dit bedrijf gespecialiseerd in data zoekt momenteel naar een: Java Lead Developer/Architect 40 uur-32 uur Samenvatting In de rol van Java Lead Developer ben je

Bekijk vacature »

.Net Developer / Ontwikkelaar / C# / VB / Regio Ro

Functieomschrijving Heb jij een aantal jaar ervaring als .NET Developer en ben je toe aan de volgende stap? Wil jij jouw ideeën over development nu écht kunnen toepassen in de praktijk? Dan is deze rol bij een internationaal bedrijf in Rotterdam wellicht jouw ideale baan! Het ontwerpen van nieuwe functionaliteiten; Herschrijven van bestaande applicaties; Meedraaien in grote, uitdagende projecten; Communiceren met de business; Externe programmeurs aansturen. Functie-eisen HBO werk- en denk niveau; Minimaal 3 jaar ervaring als Software Engineer; Kennis van C# en VB (in elk geval één van de twee); Ervaring met SQL Server en het schrijven van high

Bekijk vacature »

Medior ASP.NET Developer

Bedrijfsinfo Als medior ASP.NET ontwikkelaar ga je aan de slag bij een van de meest toonaangevende softwareorganisaties van Nederland. Deze organisatie is gevestigd in Zoetermeer en is al ruim 15 jaar een bepalende speler in het ontwikkelen van software voor totaaloplossingen. Denk hierbij aan: websites, webshops, intranet en emailmarketing-applicaties. Zij zijn continue bezig om deze applicaties te blijven vernieuwen door de actuele ontwikkelingen in de markt in de gaten te houden. Dit wordt onderzocht en uitgevoerd door de Research & Development afdeling, deze afdeling heeft een grote overlap met de ‘reguliere’ ontwikkelafdeling. Dit bedrijf heeft haar pijlen gericht op de

Bekijk vacature »

Medior PHP Developer / AI / Tech Awards

Organisatie Voor onze klant op 10 minuten lopen van Amsterdam centraal zoeken we een ervaren backend developer met genoeg ervaring om direct aan de slag te kunnen. Dit betekend dat je minimaal medior het liefst senior niveau hebt en OOP code kan schrijven als geen ander. Je hebt gewerkt met minimaal één MVC framework (bij voorkeur Laravel) en als je bekend bent met TDD is dit een grote pré. Het belangrijkste is dat je een goed gestructureerde en kwalitatieve code kan schrijven waarbij jezelf proactief met nieuwe oplossingen en ideeën komt. Deze organisatie is zo’n twee jaar geleden gestart met

Bekijk vacature »

PHP Developer

PHP Developer Heb jij ervaring met PHP en MySQL? Ben jij een echte teamplayer, deel je graag je kennis en ben je niet vies van een LAN-party? Solliciteer dan op de functie van PHP developer! Wat wij bieden Zo kan jouw dag eruit zien Je begint de dag met een stevige kop koffie en een stand-up om de status van je werkzaamheden kort toe te lichten en die van je teamgenoten te krijgen. Hierna ga je verder met het bouwen van een module die bestellingen vanuit de webshop communiceert met een intern systeem van de klant. Een collega komt bij

Bekijk vacature »

Senior PHP Developer Den Haag R&D Sector

Senior PHP Developer R&D Sector PHP MVC Wat ga je doen? Je bent een Senior PHP developer uit de omgeving Den Haag ben je bekend met verschillende lagen van software development. Bovendien wil je vernieuwen en inspireren. Voor deze PHP-rol ben je onderdeel van het R&D-team en je ontwikkelt mee aan high end software voor ergonomische sportkleding voor wielrenners, zeilers en hardlopers. De technologie achter de nanotech kleding is revolutionair en state of the art - sporters kunnen optimaal bewegen. Je zorgt samen met je team voor de ergonomische features en past dagelijks o.a. CakePHP, Laravel en Symfony toe. Kennis

Bekijk vacature »

Oracle SOA-OSB Developer

Ben jij een ervaren Oracle SOA-OSB Developer? Ben jij een gedreven Oracle SOA-OSB developer met ambitie en minimaal 2 jaar ervaring als integratie specialist bij klanten en wil je werken binnen complexe (internationale) opdrachten bij Capgemini? Dan hebben wij een passende vacature voor jou! Integratie is het hart in alle projecten. Als Oracle SOA – OSB developer ben jij onderdeel van dat hart en zorg je dat binnen Oracle implementaties integraties zo efficiënt en onderhoudbaar moegelijk worden gerealiseerd. Je werkt op een prettige manier samen in teams met ervaren professionals van Capgemini middel SCRUM/Agile. Met jouw specialistische integratie kennis voeg

Bekijk vacature »

Backend PHP Developer

Organisatie Met verschillende vestigingen door heel het land, kantoren in Duitsland en Oostenrijk, en zo’n 100 man personeel is deze organisatie Europees marktleider op het gebied van online veilingen. Met zo’n miljoen biedingen per maand en ruim 200.000 unieke bezoekers per dag is dit dus echt een hightraffic website. Op kantoor hangt een erg gemoedelijke sfeer, iedereen kan bij elkaar binnen lopen en kijken. De CEO loopt er ook gewoon rond en maakt met iedereen een praatje. Wat werknemers aangeven zo leuk te vinden aan het werken bij deze organisatie is de vrijheid in combinatie met verantwoordelijkheid die je gegeven

Bekijk vacature »

React front-end developer, RxJS, TypeScript / Werk

React front-end developer/ RxJS / TypeScript Werken met de nieuwste technieken Regio Leiden Je komt te werken in een gezellig en informeel scrumteam en bouwt mee aan de ontwikkeling van onze nieuwe Mobile en E-Commerce toepassingen. In deze functie kun je je creatieve kwaliteiten helemaal benutten voor het bouwen van hoogwaardige en zeer gebruiksvriendelijke software-oplossingen voor groothandelaren in de bloemen- en plantenbranche. Wij vragen van jou… • Ervaring in het ontwikkelen van webapplicaties met React • Heb je ervaring met RxJS, TypeScript en ASP.NET Core, dan is dat helemáál fijn • Teamplayer met goede communicatieve vaardigheden • Een pro-actieve werkhouding

Bekijk vacature »
Daan Vee

Daan Vee

11/10/2018 09:34:15
Quote Anchor link
Ik heb simpel formulier met twee proeftekstvelden op invullen.php:

[naam]

[straatnaam]

Via de volgende code wordt het gepost naar een andere pagina:

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
24
25
26
27
28
29
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
$.post(
    'shared/saveItem.php',     // het script waar je naartoe POST
    $('#theForm').serialize(),                 // verzamel alle form data in 1x (naam, content)
    null,                            // we gebruiken .done() dus deze is niet nodig
    'json'                             // geef een "hint" over het type van de terug te ontvangen data
)
.done(function( data ) {
    $('#postResult').show();
})
.fail(function() {
    $('#postResult').show();
})
.always(function( data ) {
    $('#postResult').show();
    setTimeout(function(){ $('#postResult').hide(); }, 3000);
});
    });
});
//]]>
</script>


Als ik nu op invullen.php het tekstvak [naam] weg haal en dat vervolgens zelf in chrome (element inspecteren) er weer bij zet (zodat de eindcode exact hetzelfde is), dan wordt de naam niet opgeslagen. Raar, want dat gebeurt wel als het veld in invullen.php is ingeprogrameerd en geladen wordt bij het openen van de pagina.


Is dat een beveiliging die op de server aan en uit gezet kan worden? Zodat je niet iets in velden kunt veranderen wat vervolgens in de database gepost kan worden?
 
PHP hulp

PHP hulp

19/10/2018 16:37:33
 
- Ariën -
Beheerder

- Ariën -

11/10/2018 09:39:58
Quote Anchor link
Nee, want een server doet niks met JavaScript omdat dit client-side is, en door de browser uitgevoerd wordt. Wat doet je php-bestand verder?
Gewijzigd op 11/10/2018 09:40:35 door - Ariën -
 
Daan Vee

Daan Vee

11/10/2018 09:48:57
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php

var_dump($_POST);
        echo("<script>
                    console.log('PHP: "
.($_POST)."');
                </script>"
);

$naam = mysqli_real_escape_string($conn, $_POST['naam']);
$adres = mysqli_real_escape_string($conn, $_POST['adres']);
$itemID = "1";

$update_item = mysqli_query($conn, "UPDATE items SET naam ='".$naam."', straat ='".$straat."' WHERE itemID ='".$itemID."'");
?>


Dit is even simpel omschreven zoals het opgeslagen wordt.
Gewijzigd op 11/10/2018 09:51:28 door Daan Vee
 
- Ariën -
Beheerder

- Ariën -

11/10/2018 09:52:07
Quote Anchor link
Ik denk dat het iets in de browser is.
Maar een AJAXrequest kan je ook testen door een aparte request te doen met POST en GET. Zijn zeker wel add-ons voor als je Inspector de mogelijkheid niet heeft.
 
Daan Vee

Daan Vee

11/10/2018 09:58:12
Quote Anchor link
Het probleem doet zich voor in meerdere browsers.
Geladen velden worden verstuurd en opgeslagen, maar velden ingevoegd via Element Inspecteren niet.
Ook al heeft het exact dezelfde naam en waarden.
 
- Ariën -
Beheerder

- Ariën -

11/10/2018 10:06:17
Quote Anchor link
Wat het is weet ik niet, maar er zijn andere mogelijkheden om (AJAX-) requests uit te testen
 
Thomas van den Heuvel

Thomas van den Heuvel

11/10/2018 11:08:02
Quote Anchor link
Quote:
Als ik nu op invullen.php het tekstvak [naam] weg haal en dat vervolgens zelf in chrome (element inspecteren) er weer bij zet (zodat de eindcode exact hetzelfde is), dan wordt de naam niet opgeslagen. Raar, want dat gebeurt wel als het veld in invullen.php is ingeprogrameerd en geladen wordt bij het openen van de pagina.

Dit kan ik niet reproduceren. Als je een formulierveld weghaalt en weer toevoegt via de inspector werkt dit zoals je zou verwachten, de naam wordt gewoon weer gePOST.

Quote:
Is dat een beveiliging die op de server aan en uit gezet kan worden? Zodat je niet iets in velden kunt veranderen wat vervolgens in de database gepost kan worden?

Het HTML-document (en het DOM) zijn clientside.
JavaScript is clientside.
Dus, nee.

Ook zie ik niet hoe dit relevant is. In de verwerkingsstap dien je de velden (i.i.g. de velden die je wilt verwerken) te valideren. Als je input valideert maakt het verder toch niet uit wat een gebruiker allemaal met het document uitspookt? Hoe is dit een probleem?
 
Daan Vee

Daan Vee

11/10/2018 11:41:02
Quote Anchor link
Ik denk dat de fout hierin zit:

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
24
25
26
27
28
29
<script type="text/javascript">
//<![CDATA[
// als je document klaar is met laden...
$().ready(function() {
    // als het formulier #theForm wordt gesubmit...
    $('form#theForm').submit(function(e) {
        // vang het submit event af, jQuery/AJAX handelt dit immers af
        e.preventDefault(); // het default gedrag is dat het formulier gePOST wordt, en dat willen we niet
        $('#postResult').hide();
$.post(
    'shared/saveItem.php',     // het script waar je naartoe POST
    $('#theForm').serialize(),                 // verzamel alle form data in 1x (naam, content)
    null,                            // we gebruiken .done() dus deze is niet nodig
    'json'                             // geef een "hint" over het type van de terug te ontvangen data
)
.done(function( data ) {
    $('#postResult').show();
})
.fail(function() {
    $('#postResult').show();
})
.always(function( data ) {
    $('#postResult').show();
    setTimeout(function(){ $('#postResult').hide(); }, 3000);
});
    });
});
//]]>
</script>


Volgens mij wordt hier gekeken welke velden #theForm allemaal heeft bij het laden van de pagina.
Later kunnen die worden verzonden. Dus velden die ik na het laden van de pagina handmatig toevoeg worden niet mee verzonden. Klopt dat?
 
Thomas van den Heuvel

Thomas van den Heuvel

11/10/2018 12:46:36
Quote Anchor link
Dit is iets anders dan waar je het voorheen over had (veld X verwijderen en weer toevoegen).

En nee, ook het toevoegen van een extra veld via de inspector lijkt gewoon te werken (Chrome Version 69.0.3497.100 (Official Build) (64-bit), jQuery 1.12.4.min).

Maar nogmaals, wat maakt dit alles uit?
 
Daan Vee

Daan Vee

11/10/2018 13:38:14
Quote Anchor link
Ik ben erachter waar het aan ligt:
Het formulier waar alle velden inzitten wordt eerder afgekapt met een </form> dan waar ik 'm in php heb neergezet.
Met andere woorden: de velden erna worden (uiteraard) niet mee verzonden.
Iemand die dit ooit heeft meegemaakt?
 
Rob Doemaarwat

Rob Doemaarwat

11/10/2018 13:47:14
Quote Anchor link
Dan heb je waarschijnlijk een fout in je opmaak (HTML). Stel dat je dit hebt:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
<div>
  <form>
    blablabla
    </div> //deze hoort hier niet
    rest van je form
  </form>
</div>

De browser denkt nu dat die eerste </div> (die met het commentaar erachter) bij de eerste <div> hoort. Omdat daarbinnen een <form> werd geopend, wordt die dan ook maar gesloten. De "rest van je form" valt dan dus niet meer binnen je form.
 
Daan Vee

Daan Vee

11/10/2018 13:54:27
Quote Anchor link
Klopt, het is opgelost. Dank!
 



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.