Het web evalueert, dat heeft als gevolg dat javascript en AJAX (web 2.0) weer populairder worden.
Zo is het ook met formulier validatie. Het formulier moet direct gevalideerd worden. Dat kan alleen met Javascript.
Daarom heb ik een javascript bestand geschreven waarmee formulieren kunnen worden gevalideerd. Ook heb ik daarvoor een kleine extend geschreven voor formhandler zodat er zonder veel aanpassingen (helemaal geen aanpassingen aan formhandler zelf) javascript validatie wordt toegevoegd.
Omdat de validatie functies in de javascript validator moeten overeen komen met die van FH3 zelf, heb ik de FH3 validator class geport naar javascript.
Omdat het voor iedereen van pas kan komen, en ik zelf benieuwd ben of er nog dingen zijn die beter/anders kunnen, heb ik het naar google code geupload. Ook vind ik het leuk om te zien wat jullie er van vinden en of je er wat mee kunt.
Daarvoor moest ik wel wat aanpassen aan de formhandler class. Dat heb ik gewoon gedaan dmv de methods te overrulen met de class die de formhandler class extends.
zitten we waarschijnlijk nog met 1 klein probleempje, maar dat heb ik nog neit getest, de versie die wij aan het maken zijn staat toe dat er meerdere validaties worden toegepast op 1 veld nl door deze met een | te scheiden van elkaar. Daarbij is mogelijk om zowel eigen als FH validators te gebruiken.
We gaan het binnen kort eens in de test omgeving plaatsen, we houden je op de hoogte.
ben er van de week nog eens mee bezig geweest, maar liep tegen nog een ernstig probleem aan.
Een veld wat je eerst goed invult, en daarna aanpast naar een foute waarde krijgt geen foutmelding meer mee.
Op zich is het een mooie aanvulling, aan de andere kant denk ik toch ook richting een ajax oplossing omdat je dan gewoon de validators uit de validator class kunt het gebruiken.
We gaan er nogeens rustig over nadenken hoe we dit netjes op kunnen lossen.
Beste Arian of Johan. Een tijdje geleden ontdekte ik FH3. Gebruiksvriendelijk voor het vormen van formulieren.
Ook ontdekte ik jsValidator.
Ik ben geen specialist in geen van beiden, ik kan me behelpen.
Ik had echter graag op een veld meerdere validatie willen doen, het lukt me niet. Wel in HTML. Ik kan maar niet bedenken hoe, en waar ik het in mijn PHP file moet invoegen.
Kan er me iemand een PHP voorbeeld tonen met meerdere validaties per veld.
Ik denk dat ik de laatste versies gebruik: 0.5a voor validator.js,
FormHandler v3.2
Bedankt voor de snelle reply. Dit werkt als men de form verwerkt (dus na de submit). Echter had ik gedacht aan een validatie die gebeurt op het moment de men het veld verlaat. Dit is door Arian Stolwijk voorgesteld maar dit in HTML. Ik had graag hiervoor de oplossing gekregen om de extra validatie bij te voegen in PHP.
In HTML ziet het er zouit.
window.onload = function(){
// Add the elements to the validator
var validator = new jsValidator();
validator.elmts = {
test: {
validator: 'IsString',
// If one regex is not enough, you can set more in an Array
regex: [{
regex: /^start-.*$/,
msg: 'This field must start with start-'
},{
regex: /^.*\-end/, // It must end with .com
msg: 'This field must end with -end'
}],
msg: 'This field must be a valid string'
},
// This is an example of some simple validation, just the validation method and some message
email: {
validator: 'IsEmail',
msg: 'This field must be a valid email adres'
},
text: {
// You can create your own validate function too. You have to return true or false
validator: function(value){
// The length must be greather than 10 characters
return value.length > 10;
},
msg: 'This textarea must be longer than 10 characters'
},
select: {
regex: /^option_[0-9]+$/,
msg: 'This value must begin with option_ and end with a number'
}
}
// Fire the validator
validator.init();
}
Hoe en waar plaats je iets dergelijk in de FormHandler.