Opmaak IBAN-invulveld

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Lead Java Developer / CQRS / Event Sourcing / Zorg

Bedrijfsomschrijving Als Lead Java Developer kom je te werken bij een organisatie die de rechtmatigheid van financiële gegevens in de zorg controleert. Hierin opereren ze geheel onafhankelijk en zijn ze ondertussen marktleider op dit gebied geworden. Ondanks dat het om een relatief klein bedrijf gaat werken ze voor gerenommeerde opdrachtgevers en zijn ze een belangrijke schakel in de zorgsector geworden. Wat ze uniek maakt zijn de hoge eisen aan de kwaliteit van de code die ze zichzelf stellen waarbij security, wegens grote hoeveelheden (privacy gevoelige) data, zeer hoog in het vaandel staat. Als Lead Java Developer/Meewerkend Voorman zal je de

Bekijk vacature »

Senior .Net Developer Duurzaamheid Maatwerkapplica

Bedrijfsomschrijving Werken bij dit bedrijf betekent dat je onderdeel wordt van een grote internationale organisatie, met lokale focus. In Nederland werken er circa 1500 medewerkers bij deze organisatie. Duurzaamheid staat bij hen hoog in het vaandel en de projecten die zij uitvoeren hebben dit ook altijd als speerpunt. Iedere regio is verantwoordelijk voor zijn eigen IT beleid, maar NL is sturend voor alle vestigingen in Europa. De drie IT afdelingen bestaan uit IT services, demand management en IT innovatie. Momenteel zijn ze opzoek naar een Senior .NET Developer om het team te kunnen versterken. De organisatie is altijd in beweging

Bekijk vacature »

C# .NET Ontwikkelaar

Bedrijfsomschrijving Begin jaren 60' is de organisatie begonnen als gespecialiseerde werkmaatschappij om invulling te geven aan de toenemende vraag naar industriële automatiseringsoplossingen. De organisatie heeft daardoor al ruim 45 jaar ervaring met optimalisatie van processen binnen de industriële sector. De laatste jaren hebben zij zich met name gespecialiseerd in de verticale integratie van de werkvloer met de hoger gelegen management informatie systemen. De organisatie kenmerkt zich als innoverend, meedenkend en informeel. Binnen het team heerst er een positieve teamspirit met een gezonde dosis ondernemerschap en humor. Werk moet immers ook leuk zijn, toch? Functieomschrijving Ben jij een C# Developer die

Bekijk vacature »

Test Automation Engineer

Werk jij graag mee aan het verbeteren van de kwaliteit binnen de Pensioenwereld? Heb jij ervaring met het automatiseren van testen en help je zo mee met de uitdagingen bij onze pensioenklanten? Dan zijn we op zoek naar jou! Wat ga je doen? Digitalisering en meer directe communicatie met de deelnemers zijn thema’s in de Pensioenwereld. Dit vereist kwaliteit en betrouwbaarheid. Als Test Automation Engineer zet je jouw kennis en ervaring van techniek en testen in om onze klanten hiermee te helpen. Je automatiseert systeem- en integratietesten, je voert performance en security testen uit en kan onze klanten helpen om

Bekijk vacature »

Cloud Engineer Welkomstbonus € 5.000,-

Cloud Engineer medior Welkomstbonus van € 5.000,- Bij T2 zorgen we goed voor elkaar en doen wij leuke dingen met leuke mensen. We zorgen voor uitdagende opdrachten zodat jij jezelf onbeperkt kan blijven ontwikkelen. Ben jij een ervaren systeembeheerder Cloud en wil je het beste uit jezelf halen? Dan ben je van harte welkom bij T2 en ontvang je onze welkomstbonus ter waarde van €5.000,-. Er werken leuke mensen bij T2, die op een professionele en informele wijze met hun carrière en collega’s omgaan. Dat is de basis voor succes! Het is vanzelfsprekend dat je met de nieuwste technieken werkt.

Bekijk vacature »

Microsoft Business Intelligence ontwikkelaar

Functieomschrijving Ter uitbreiding is mijn op zoek naar een Microsoft BI ontwikkelaar. Binnen deze functie ben je verantwoordelijk voor zowel de back-end alsmede de front-end van Microsoft Business Intelligence toepassingen. Je werkt aan uitbreiding van het bestaande datawarehouse alsmede een nieuw te bouwen datawarehouse. In de functie ben je bezig met SSIS packages, kubussen en het bouwen van rapportages middels SSRS en PowerBI. Kortom een zeer veelzijdige technische functie met veel uitdaging! Functie-eisen - Een BI-Consultant met brede kennis van de Microsoft BI Stack, ervaringsniveau minimaal Medior: - SQL Server > 3 jaar - SSIS, SSRS > 2 jaar -

Bekijk vacature »

Portal ETL developer

For a client in Amsterdam I am looking for a ETL developer. In this role your aim is to create the data infrastructure in a simple and efficient matter by designing building, testing and integrating data from various sources. Preferred experience: Extensive experience in developing Data Solution and BI systems Hands-on ETL, SQL and programming experience Experience in migrating an existing (Oracle, Umax) data warehouse to the Cloud Understanding of Azure related services (i.e.: Snowflake, Matillion, SQL, Python, Spark, Azure DevOps) Does this assignment suit you, or someone within your network? Then please send me an updated CV and I

Bekijk vacature »

Interaction Designer

Geen scherm ontwerpuitdaging is je te gek en je krijgt energie van klanten die tevreden met jouw oplossingen aan de slag zijn. Doordat je regelmatig contact hebt met klanten door het bijwonen van klantsessies of gebruikerstesten, ken je de wereld van je gebruikers en weet alles over UI interactie en patronen. Je werkt graag aan het opzetten en invullen van een gebruikersinteractie, waarbij aandacht voor detail en bruikbaarheid voorop staan. Accountancy is een complex vakgebied, waarbij je veel te maken krijgt met steeds veranderende regelgeving waar we met onze software op aan moeten haken. Het geeft jou een kick als

Bekijk vacature »

.Net Developer - Game Development - .Net Core/Micr

Voor een informele en hechte club nabij Leiden zoek ik ivm uitbreiding en groei van het bedrijf en de games een .Net C# Developer voor het ontwikkelen (en spelen!) van internationaal succesvolle games. De afgelopen jaren is dit bedrijf verdubbeld van 29 naar 58 man, waarvan 23 developers en blijft maar groeien. Hun games (iOS en Android) worden dagelijks door miljoenen internationale gebruikers gespeeld en dit aantal blijft maar groeien. Door dit succes blijft ook de organisatie groeien waarvoor zij 2 developers zoeken. Je bent samen met je multidisciplinair DevOps Scrum teamteam verantwoordelijk voor de gehele SDLC van de bestaande

Bekijk vacature »

BI Developer Power BI - Regio Amsterdam

Bedrijfsomschrijving De organisatie staat aan het begin van een grote verandering op gebied van Data Analytics. De visie is om datadriven te werken en dat uit te rollen over meerdere zuster/ dochter organisaties in Nederland. De omgeving is volledig Microsoft gebaseerd. In een team van uiteindelijk 8 professionals ben je verantwoordelijk om de omgeving naar een nieuw niveau te tillen op gebied van BI. Dit houdt in dat je de huidige omgeving analyseert en met elkaar bepaalt welke kant de organisatie op moet. Je kan het bijna typeren als een greenfieldproject! Je hebt contact met Business Analisten om requirements te

Bekijk vacature »

Application Developer React (H/F)

Expertise Description : • Fluent English speaking developer • Experience with React-native, Java/Swift/Objective-C. • Proactive in communication • Strong team player with a commitment to perfection • Creative problem-solving and solutions thinking to improve app and API’s which the app is using. • Maintain code and write automated tests to ensure the product is of the highest quality. • Experience with Telco Expertise Must Have : • Architect, build and maintain excellent React Native applications with clean code. • Experience with Ext JS, Backbone.js, Node.js, AngularJS, AngularJS2, React, Redux, React-Native, Native Base • Experience with swift (ios), kotlin / java

Bekijk vacature »

Ervaren developer (front-end/back-end)

Functie: Senior Developer Werklocatie: Zoetermeer Wij hebben met het door ons zelf ontwikkelde Financiële Advies software “Finix-Advies”, een vooraanstaande positie in de financiële branche. Echter hebben wij nu als doel onze visie om te zetten in software die consumenten, adviseurs en aanbieders ondersteunt. Vooral adviseurs, vermogens- beheerder als banken en verzekeraars maken gebruik van Finix om haar klanten snel en vakkundig te voorzien van (financieel) advies. Met behulp van Finix kunnen gebruikers op snelle, efficiënte en vakkundige wijze haar klanten helpen bij het geven van het juiste financiële advies en het realiseren van haar dromen. Bijvoorbeeld bij het adviseren van

Bekijk vacature »

Senior software developer

Voor een eindklant van Computer Futures ben ik op zoek naar een freelance .NET Core developer. Binnen het veranderende applicatielandschap ben je verantwoordelijk voor de realisatie en implementatie van wijzigingen. Je bent een T-shaped professional als het gaat om multidisciplinair samenwerken in een sprint. Ondanks dat de werkzaamheden op dit moment remote zijn kom je terecht in een sociaal en hardwerkend team. Technische stack: - ASP.NET - .NET Core - Web API - Entity Framework - react/angular pré Algemene informatie: Locatie: voorlopig remote Uren: 36/40 uur in overleg Startdatum: per direct (per januari ook mogelijk) Bij interesse kom ik graag

Bekijk vacature »

APK Integratie ontwikkelaar

Functieomschrijving Als je bij Randstad Groep Nederland IT werkt, houd je jezelf en Nederland in beweging. Stilstand is achteruitgang, daarom zijn we continu bezig onze business en processen te optimaliseren, zodat we onze klanten en kandidaten meer gemak, snelheid en transparantie kunnen bieden. Impactvolle tech, daar doen we het voor. Als Integratie Ontwikkelaar ga je bij Randstad Groep IT aan de slag binnen het team Applicatie Koppelingen (APK). Het team bestaat uit business analisten, developers, beheerders en een product owner en scrum master. Met in totaal 8 collega’s zorgen jullie voor een fundamenteel deel van onze applicaties, waar onze andere

Bekijk vacature »

AppLlication Lead Developer - Mobility (H/F)

Expertise Description : • Dutch speaking Senior developer • Experience with React-native, Java/Swift/Objective-C. • Proactive in communication • Strong team player with a commitment to perfection • Creative problem-solving and solutions thinking to improve app and API’s which the app is using. • Maintain code and write automated tests to ensure the product is of the highest quality. • Experience to coordinated teams responsible for other layers of the product infrastructure • Experience with Telco Expertise Must Have : • Architect, build and maintain excellent React Native applications with clean code. • Experience with Ext JS, Backbone.js, Node.js, AngularJS, AngularJS2,

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

26/11/2020 19:41:44
 
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.