Kot veste, Magento uporablja Prototype kot knjižnico javascript. Ponuja preprost način za preverjanje vrednosti obrazca html.
Spodaj je primer:
<form name="my-form" id="my-form" method="post" action="">
<label for="firstname">
< ?php echo $this->__('Ime') ?> <span>*</span></label><br />
<input id="firstname" name="firstname" class="input-text required-entry"/>
<label for="lastname">
< ?php echo $this->__('Priimek') ?> <span>*</span></label><br />
<input id="lastname" name="lastname" class="input-text required-entry"/>
<input type="hidden" name="trp-form-language" value="sl"/></form>
<script type="text/javascript">
//< ![CDATA[
var customForm = new VarienForm('my-form');
//]]>
</script>
V zgornjem obrazcu lahko vidite, da ima vsako vnosno polje svoje ime razreda in ti razredi bodo uporabljeni za preverjanje vrednosti polja. V prototipni lib je veliko vnaprej določenih razredov, kot je ta. Vse vam bom pokazal na koncu te teme.
Najpomembnejša stvar poleg dodeljevanja imen razredov je tisti majhen košček JavaScripta pod obrazcem. Ne pozabite posredovati ID obrazca v nov VarienForm predmet.
Spodaj je seznam razreda za preverjanje veljavnosti in njegovo sporočilo o napaki, ki je določeno v knjižnici prototipa.
| Potrdi razred | Pomen |
| potrdi-izberi | Izberite možnost. |
| obvezen vnos | To je obvezno polje. |
| validiraj številko | V to polje vnesite veljavno številko. |
| validate-digits | V tem polju uporabite samo številke. izogibajte se presledkom ali drugim znakom, kot so pike ali vejice. |
| validiraj-alfa | V tem polju uporabite samo črke (az ali AZ). |
| validiraj kodo | V tem polju uporabite samo črke (az), številke (0-9) ali podčrtaj (_), prvi znak mora biti črka. |
| validiraj-alphanum | V tem polju uporabite samo črke (az ali AZ) ali številke (0-9). Presledki ali drugi znaki niso dovoljeni. |
| potrdi-ulica | V tem polju uporabite samo črke (az ali AZ) ali številke (0-9) ali presledke in #. |
| validate-phoneStrict | Prosim vpiši veljavno telefonsko številko. Na primer (123) 456-7890 ali 123-456-7890. |
| validate-phoneLax | Prosim vpiši veljavno telefonsko številko. Na primer (123) 456-7890 ali 123-456-7890. |
| potrdi faks | Vnesite veljavno številko faksa. Na primer (123) 456-7890 ali 123-456-7890. |
| potrditveni datum | Vnesite veljaven datum. |
| potrdi e-pošto | Vnesite veljaven elektronski naslov. Na primer johndoe@domain.com. |
| validate-emailSender | V tem polju uporabite samo črke (az ali AZ), številke (0-9), podčrtaj (_) ali presledke. |
| potrdi geslo | Vnesite 6 ali več znakov. Presledki na začetku ali na koncu bodo prezrti. |
| potrdi skrbniško geslo | Vnesite 7 ali več znakov. Geslo mora vsebovati tako številke kot črke. |
| validate-cpassword | Prosimo, poskrbite, da se vajini gesli ujemata. |
| validiraj-url | Vnesite veljaven URL. http:// je obvezen |
| validiraj-čisti-url | Vnesite veljaven URL. Na primer http://www.example.com ali www.example.com |
| potrdi identifikator | Vnesite veljaven identifikator. Na primer example-page, example-page.html ali anotherlevel/example-page |
| validate-xml-identifier | Vnesite veljaven identifikator XML. Na primer nekaj_1, blok5, id-4 |
| potrdi-ssn | Vnesite veljavno številko socialnega zavarovanja. Na primer 123-45-6789. |
| potrdi-zip | Vnesite veljavno poštno številko. Na primer 90602 ali 90602-1234. |
| validate-date-au | Uporabite to obliko datuma: dd/mm/llll. Na primer 17/03/2006 za 17. marec 2006. |
| validiraj-valuto-dolar | Vnesite veljaven znesek $. Na primer $100,00. |
| validiraj-eno-potrebno | Izberite eno od zgornjih možnosti. |
| validiraj-eno-potrebno-po-imenu | Izberite eno od možnosti. |
| validiraj-ne-negativno-število | V to polje vnesite veljavno številko. |
| potrdi stanje | Izberite državo/provinco. |
| validiraj-novo-geslo | Vnesite 6 ali več znakov. Presledki na začetku ali na koncu bodo prezrti. |
| validiraj-večje-od-nič | V to polje vnesite številko, večjo od 0. |
| validiraj-nič-ali-večje | V to polje vnesite številko 0 ali večjo. |
| validiraj-cc-številko | Vnesite veljavno številko kreditne kartice. |
| validate-cc-type | Številka kreditne kartice se ne ujema z vrsto kreditne kartice |
| validate-cc-type-select | Vrsta kartice se ne ujema s številko kreditne kartice |
| validate-cc-exp | Napačen datum veljavnosti kreditne kartice |
| potrdi-cc-cvn | Vnesite veljavno številko za preverjanje kreditne kartice. |
| potrdi podatke | V tem polju uporabite samo črke (az ali AZ), številke (0-9) ali podčrtaj (_), prvi znak mora biti črka. |
| validate-css-length | Vnesite veljavno dolžino CSS. Na primer 100px ali 77pt ali 20em ali .5ex ali 50% |
| potrdi dolžino | Največja dolžina je presežena. |
Upam, da vam bo ta vadnica za Magento pomagala potrditi obrazec po meri.