Opmaak IBAN-invulveld

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Senior .NET Ontwikkelaar

Help jij onze klanten in de publieke veiligheidssector de stap te maken naar de high performance organisatie van de 21e eeuw? Wat ga je doen? Als Senior .NET ontwikkelaar ben je verantwoordelijk voor (een deel van) het ontwerp van een of meerdere systemen. Deze rol vereist communicatie en interactie met meerdere ontwikkel- en testteams en met de andere ontwerpautoriteiten. In jouw rol treedt jij op als de vertegenwoordiger van de technische aspecten van het systeem bij het overleg met de klant. Wat breng je mee? Jij bent veelzijdig en bereid om die extra stap te zetten die soms nodig is.

Bekijk vacature »

Business Intelligence Developer

Role: Business Intelligence Developer (Part time – 2/3 days per week) Location: The Netherlands (Fully Remote) Salary: €42,000 My client, one of the largest retail chains in the Netherlands with 200+ stores is seeking a talented BI Developer to join their team on a part time basis This role is a unique opportunity to maintain the environment and work within an exciting, fast growing organisation. Benefits include: Competitive pay scales Extremely generous holiday entitlement & Bonus Further salary progression based on performance. Flexible working! Pension plan Essential Skills: 3+ years’ experience with Teradata End to end knowledge of business intelligence

Bekijk vacature »

Outsystems developer - Energiemarkt

Ben jij een ervaren Outsystems developer met de skills om te luisteren, te analyseren en te inspireren? Dit is een uitgelezen kans om je aan te sluiten bij een snel groeiend team binnen CGI. Vanuit het team leveren we IT-projecten die de levens van miljoenen mensen raken! Wat ga je doen? Als OutSystems developer ontwikkel en implementeer je binnen ons team nieuwe applicaties, verbeter en onderhoud je de prestaties van bestaande applicaties en werk je aan diverse projecten van onze klant. Je helpt met het omzetten van wensen naar werkende software van het hoogste niveau op basis van een Agile-werkmethodiek.

Bekijk vacature »

.Net ontwikkelaar @ Oldenzaal

2021-04-23 iSense .Net ontwikkelaar Wil jij werken aan software wat overal ter wereld wordt gebruikt? Wil jij werken in een platte organisatie met oog voor zijn werknemers? Lees dan snel verder! ISHA49468 Organisatie Voor onze relatie zijn wij momenteel op zoek naar een .Net Developer die wilt werken aan software die draait op machines wereldwijd. De organisatie produceert software voor applicaties die gebruikt worden in verschillende branches. De software wordt geleverd aan fabrikanten van verschillende robotica en machines. Als .Net ontwikkelaar ben je intern onderdeel van het team wat de applicatie omgevingen ontwikkeld en onderhoud. Deze applicatie omgevingen draaien voor

Bekijk vacature »

Full Stack .NET Developer Graduate Program - Exper

Via Experis Academy krijg je een unieke kans om de in de branche gewilde expertise op te doen die jou tot een gewilde Full Stack .NET Developer met een frontend-specialisatie maken. Het programma duurt 21 maanden en eindigt met een vaste baan bij een van onze vele, boeiende opdrachtgevers, of je blijft bij ons (Experis) werken. Ons programma tot .NET Developer Experis Academy start met een op maat gemaakte cursus die drie maanden duurt. Gedurende deze maanden komen theorie, praktijk en .NET-certificeringen aan bod. Hierbij is het onderwijsprogramma gebaseerd op de principes als versnelde training en flipped classroom. De volgende

Bekijk vacature »

Junior/Medior Java Developer

NO relocation, applicants MUST live in the Netherlands! Our client is expanding their EMEA IT Development team and is looking for a Java Developer to maintain and program their applications. In this role the Java Developer will work closely with Analysts and the business owners to implement interfaces, to change the existing Java systems, to design the data models and to support the software life-cycle automation. Client Details NO relocation, applicants MUST live in the Netherlands! Key-Account van Michael Page International Organisation Description NO relocation, applicants MUST live in the Netherlands! The Java Developer will be able to work from

Bekijk vacature »

.NET developer ASP.NET Core / Azure / Nieuwbouw

Bedrijfsomschrijving Deze mooie werkgever is actief in het ontwikkelen van applicaties die financiële data inzichtelijk maken. Hierdoor kunnen klanten perfecte analyses maken en weten ze de markt nog beter te bedienen. Ze zijn al ruim 20 jaar actief en er werken inmiddels ruim 50 collega’s in een informele sfeer vanuit een mooi kantoor in Wageningen. Het IT landschap is Microsoft georiënteerd en binnen de functie van Senior .NET developer ga je een nieuw platform ontwikkelen waarbij je gebruik gaat maken van alle moderne technieken binnen .NET. Functieomschrijving Als senior .NET developer wordt je onderdeel van een Scrum team en ga

Bekijk vacature »

Full Stack Developer / Javascript / Angular (JS) @

2020-12-08 iSense Full Stack Developer Javascript Angular (JS) Full Stack Developer ISRA48497 Nieuw Organisatie Onze klant is een internationale organisatie in Rotterdam en heeft meerdere vestigingen wereldwijd. De IT afdeling in Rotterdam verzorgt diensten voor deze landen. Ter versterking van het team zijn zij op zoek naar een ervaren Full Stack Developer. De IT afdeling bestaat uit 3 systeembeheerders en 3 developers. Samen met 3 andere Developers ontwikkel je aan het ERP pakket. De organisatie is te omschrijven als no-nonsense, ondernemend en informeel. Naast de locatie in Nederland hebben ze verschillende locaties in het buitenland. Taken Het onderhouden en verder

Bekijk vacature »

Synon applicatie ontwikkelaar

Voor ons hoofdkantoor in Waalwijk zoeken wij een Synon applicatie ontwikkelaar. Als Synon applicatie ontwikkelaar lever je een belangrijke bijdrage aan de automatisering en digitalisering van onze primaire bedrijfsprocessen. Als Synon applicatie ontwikkelaar lever je een belangrijke bijdrage aan de automatisering en digitalisering van onze primaire bedrijfsprocessen. In elke fase van de verdere digitalisering van ons bedrijf lever jij een coördinerende en uitvoerende bijdrage! DMG, een huis vol mogelijkheden. Je bent een belangrijke speler in het analyseren en ontwikkelen van functionaliteit op ons ERP systeem. Onze ERP applicatie is een solide basis voor de belangrijke primaire processen binnen DMG. Het

Bekijk vacature »

Medior FrontEnd Developer

NO RELOCATION! APPLICANTS MUST LIVE IN THE NETHERLANDS! On behalf of our client we are looking for a Medior FrontEnd Developer React to join their dynamic and international team. Because of the positive growth and challenging developments the team is expanding. Client Details NO RELOCATION! APPLICANTS MUST LIVE IN THE NETHERLANDS! Key-Account of Michael Page , A-Brand, International and established company focused on tech Description NO RELOCATION! APPLICANTS MUST LIVE IN THE NETHERLANDS! The Medior FrontEnd Developer React will have the opportunity to work as part of a multinational, diverse team. As a Medior Front End Developer you will work

Bekijk vacature »

Junior Mendix Developer - Infrastructure

Bedenk jij voor ieder business vraagstuk de juiste oplossingen en weet jij daarbij perfect gebruik te maken van alle mogelijkheden vanuit het Mendix platform? Wat ga je doen? Als Mendix Developer begeleid en adviseer je onze klanten bij het analyseren van hun aangegeven business problematiek. Hierbij denk je buiten de gevestigde kaders en weet je optimaal gebruik te maken van de mogelijkheden die geboden worden vanuit het Mendix platform. Vaak heb je een pioniersfunctie en vorm je het eerste aanspreekpunt voor de klant. Het oplossen van een business vraagstuk is jouw passie en met behulp van de Mendix technologie ben

Bekijk vacature »

Front-end Developer / Vue.js / Meewerkend voorman

2021-03-31 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 »

Azure developer / Big Data @ Amersfoort

2021-05-05 iSense Azure developer / Big Data Ben jij een Azure Developer en wil jij je inzetten bij een internationale organisatie die zich met de meest innovatieve technologieën bezighoudt om mensen met elkaar te verbinden? Wil jij mee ontwikkelen op top niveau aan features die gebruikers en/of machines in staat stelt om stromen en processen te beïnvloeden? Lees snel verder! ISHU49233 Organisatie Als Azure Developer ga je in een team van experts aan de nieuwste digitale technologieën werken om klanten over de hele wereld te ondersteunen met het ontwerpen van slimme processen voor havens, steden, luchthavens en gebouwen! Door middel

Bekijk vacature »

.NET developer

Wil jij samen met gemotiveerde en slimme collega’s bouwen aan ons geavanceerde landschap in Azure? En vind je het ook nog eens leuk om jouw kennis te delen met junior- en medior devs? Dan heb je wellicht interesse in de positie van: Senior fullstack .NET developer voor ons kantoor in Alkmaar Over de positie: Bij SnelStart werken we in een AGILE-structuur om de productie meer focus en impact te geven. Met je collega’s kom je tot de beste resultaten door onderlinge discussie, goede refinement sessies, reviews en écht teamwork. Je hebt de vrijheid om de dingen te doen zoals jij

Bekijk vacature »

IT-Traineeship junior software programmeur

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »
George van Baasbank

George van Baasbank

14/08/2014 13:56:48
Quote Anchor link
Hallo allemaal,

Ik zit met de volgende uitdaging:
Ik wil dat de gebruiker een "mooi" opgemaakt invulveld krijgt te zien bij het invullen van een IBAN-nummer.
Alleen ontbreekt mij de inspiratie op dit moment om iets te bouwen. Ik wil n.l. dat
1. Om ELK in te vullen veld bijv een [ en ] staan, het liefst gestippeld
2. Dat na het invullen van het vereiste teken (cijfer of letter) de cursor overspringt naar het volgende in te vullen veld
3. De letters automatisch in KAPITAAL worden getoond (dit heb ik al voor elkaar)

Het zoeken naar voorbeelden, o.a. op deze site, heeft mij nog niet veel opgeleverd.
Zijn er al bestaande oplossingen?


CSS
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
.upper { text-transform: uppercase; }


HTML
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
<label>IBAN-code:</label><br/>
<input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1"/>
<input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />&nbsp;&nbsp;
<input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
<input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />&nbsp;&nbsp;
<input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
<input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
<input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
<input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />&nbsp;&nbsp;


De html-code lukt nog niet met:
a. Overspringen naar volgend veld
b. Er kunnen meer tekens in één veld worden ingevuld
c. Ik krijg de [ en ] niet in het inputveld te zien
d. De tussenruimte tussen de inputvelden krijg ik niet weg


George
 
PHP hulp

PHP hulp

21/06/2021 12:45:33
 
Ward van der Put
Moderator

Ward van der Put

14/08/2014 14:05:44
Quote Anchor link
Ik zou de inputs op size="4" zetten, en de laatste op size="2", want het is gebruikelijk om een IBAN weer te geven in groepen van 4 karakters:

NL## BANK #### #### ##
 
- Ariën -
Beheerder

- Ariën -

14/08/2014 14:07:32
Quote Anchor link
Waarom verschillende velden, en niet gewoon 1 geheel?
Als het bedoeld is om leesbaarheid te vergroten en ev.t. typfouten te minimaliseren, dan kan je je beroepen op de checksumcontrole van de 'Proef van de Elf' waar een rekeningnummer aan moet voldoen, en een controle op het getal halverwege de IBAN-code.

Deze is op een simpele manier te berekenen:
http://www.ibannl.org/uitleg-over-iban/
 
George van Baasbank

George van Baasbank

14/08/2014 14:10:43
Quote Anchor link
Inmiddels ben ik zover:

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
<section>
        <article>
            <div class="kader900">
                <label>IBAN-nummer:</label><br />
                <label>IBAN-code:</label><br/>
                <input class=" veldopmaak upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
                <input class=" veldopmaak upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />&nbsp;&nbsp;
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />&nbsp;&nbsp;
                <input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
                <input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
                <input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />
                <input class="upper" type="text" pattern="[A-Z]{1}" placeholder="A" size="1" />&nbsp;&nbsp;
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
                <input type="text" pattern="[0-9]{1}" placeholder="9" size="1" />
            </div>
        </article>
    </section>


CSS:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
.upper {  
    text-transform: uppercase;
}

.veldopmaak {
    border-style: dashed;
    width: 12px;
}


Ik wil graag EEN teken per invulveld.
 
- Ariën -
Beheerder

- Ariën -

14/08/2014 14:11:35
Quote Anchor link
Ik betwijfel persoonlijk of dit op een mobiele device goed zal werken?
 
Ivo P

Ivo P

14/08/2014 14:12:13
Quote Anchor link
is ook een beetje jammer als je middels copy-paste je nummer wilt plaatsen

Toevoeging op 14/08/2014 14:13:56:

misschien ter inspiratie: http://bradfrostweb.com/blog/post/single-field-credit-card-input-pattern/
 
George van Baasbank

George van Baasbank

14/08/2014 14:38:54
Quote Anchor link
Wie heeft er nog een suggestie om de cursor steeds naar het volgende veld te laten springen?
 
- Ariën -
Beheerder

- Ariën -

14/08/2014 14:43:52
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
14
15
16
17
18
19
20
21
22
<html>
<head>
<script type="text/javascript">
function toNextField(el,content){
    if (content.length==el.maxLength){
      next=el.tabIndex
      if (next<document.forms[0].elements.length){
        document.forms[0].elements[next].focus()
        }
    }
}
</script>
</head>

<body>
<form>
<input size="3" tabindex="1" maxlength="3" onkeyup="toNextField(this,this.value)">
<input size="3" tabindex="2" maxlength="3" onkeyup="toNextField(this,this.value)">
<input size="3" tabindex="3" maxlength="3" onkeyup="toNextField(this,this.value)">
</form>
</body>
</html>


Maar ik geef eerlijk toe. Dit is een grote crime als je wilt copy-pasten.
Ik vraag me nog steeds af waarom je expliciet meerdere inputvelden wilt hebben?
Gewijzigd op 14/08/2014 14:45:05 door - Ariën -
 
Ward van der Put
Moderator

Ward van der Put

14/08/2014 14:44:45
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
<input onkeyup="document.getElementById('id_van_volgende_input').focus();" />
 
Ivo P

Ivo P

14/08/2014 14:46:15
Quote Anchor link
als je dat per se wilt doen, zorg dan dat het 100% fool-proof is: paste met de muis? dus niet alleen op key-up reageren.

backspace doet wat anders dan een andere toets, dus reageer daar ook goed op.
cursor toetsen ook goed afvangen

Flink wat situaties om rekening mee te houden. Ik herinner me nog een bank-omgeving waar de betalingskenmerken van een acceptgiro ook niet altijd goed gingen. is dus kennelijk best moeilijk.
 
- SanThe -

- SanThe -

14/08/2014 14:51:05
Quote Anchor link
@Ward: Leuk bij een backspace... toch?
 
Ward van der Put
Moderator

Ward van der Put

14/08/2014 14:57:43
Quote Anchor link
Niet aan gedacht: ik maak nooit geen fouten ;-)
 



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.