IE: form & required

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Bas IJzelendoorn

Bas IJzelendoorn

15/05/2013 16:10:28
Quote Anchor link
Ben druk bezig met een website op dit moment in HTML5 en wil een formulier toevoegen. Nu was ik wat inspiratie aan het op doen voor formulieren. Nu had ik best wat mooie en handige formuliertjes op internet gevonden en zo kwam ik ook deze tegen.

Echter na een beetje testen kwam ik erachter dat enkel in internet explorer 9 required in een input element niet werkt evenals pattern ook niet lekker werkt. Daarnaast werken ook de icoontjes niet in het tekstveld. In opera, safari, firefox en chrome (ook de ietsjes oudere versies) werkt het prima.

Nu is het altijd belangrijk in PHP je formulier te voorzien van een goede foutafhandeling (dus dat ga ik sowieso nog wel doen). Maar toch wil ik het zo maken dat hij in eerste instantie voldoende heeft aan de HTML en jquery.

Dit is waarschijnlijk een bekend probleem bij een aantal van jullie. Maar ik heb natuurlijk als programmeur geen zin in lappen code, omdat enkel IE weer eens dwars ligt. Wat is hier een goede oplossing voor om dit in IE ook werkend te krijgen? Hoe lossen jullie dit normaal op?
Gewijzigd op 15/05/2013 16:10:59 door Bas IJzelendoorn
 
PHP hulp

PHP hulp

20/12/2024 19:32:19
 
Wouter J

Wouter J

15/05/2013 16:18:22
Quote Anchor link
Allereerst. Kijk eens op http:/wufoo.com/html5 een perfecte site met support, voorbeelden en extra support informaties over HTML5 forms.

Ten 2e: Het antwoord hierop is bij mij meestal dit:
1) Gebruik Modernizr om te kijken of een browser iets support.
2) Zoek op het internet naar een polyfill voor die feature
3) Gebruik Yepnope (in Modernizr ingebouwd via de Modernizr.load method) om polyfill in te laden wanneer feature niet gesupport wordt.

Bijv:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
Modernizr.load({
    test: Modernizr.input.required,
    nope: ['js/required-polyfill.js']
});
 



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.