{"id":445,"date":"2015-04-19T07:35:35","date_gmt":"2015-04-19T06:35:35","guid":{"rendered":"http:\/\/dknzdesign.com\/?p=445"},"modified":"2015-04-19T07:52:05","modified_gmt":"2015-04-19T06:52:05","slug":"how-to-validate-form-in-magento","status":"publish","type":"post","link":"https:\/\/dknzdesign.com\/sl\/blog\/magento\/how-to-validate-form-in-magento\/","title":{"rendered":"Kako potrditi obrazec v magentu"},"content":{"rendered":"

As you know, Magento uses Prototype as javascript library.\u00a0 It provides a simple way to validate html form values.<\/p>\n

Below is an example:<\/p>\n

<form name=\"my-form\" id=\"my-form\" method=\"post\">\r\n<label for=\"firstname\">\r\n< ?php echo $this->__('First name') ?> <span>*<\/span><\/label><br \/>\r\n<input\u00a0 id=\"firstname\" name=\"firstname\" class=\"input-text  required-entry\"\/>\r\n\r\n<label  for=\"lastname\">\r\n< ?php echo $this->__('Last name') ?>  <span>*<\/span><\/label><br \/>\r\n<input\u00a0 id=\"lastname\" name=\"lastname\" class=\"input-text   required-entry\"\/>\r\n\r\n<\/form>\r\n\r\n<script type=\"text\/javascript\">\r\n\/\/< ![CDATA[\r\nvar customForm = new VarienForm('my-form');\r\n\/\/]]>\r\n<\/script><\/pre>\n
In the form above you can see each input field has its own class name and these classes will be used to validate field\u2019s value. There are many predefined classes like that in prototype lib. I\u2019ll show you all of them at the end of this topic.<\/p>\n
Most important thing besides assigning class names is that little piece of JavaScript below the form. Remember to pass form id into the new VarienForm<\/strong><\/em> object.<\/p>\n
Below is the list of validate class and its error message that definded in prototype lib.<\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n
Validate Class<\/strong><\/td>\nMeaning<\/strong><\/td>\n<\/tr>\n<\/thead>\n
validate-select<\/td>\nPlease select an option.<\/td>\n<\/tr>\n
required-entry<\/td>\nThis is a required field.<\/td>\n<\/tr>\n
validate-number<\/td>\nPlease enter a valid number in this field.<\/td>\n<\/tr>\n
validate-digits<\/td>\nPlease use numbers only in this field. please avoid spaces or other characters such as dots or commas.<\/td>\n<\/tr>\n
validate-alpha<\/td>\nPlease use letters only (a-z or A-Z) in this field.<\/td>\n<\/tr>\n
validate-code<\/td>\nPlease use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.<\/td>\n<\/tr>\n
validate-alphanum<\/td>\nPlease use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.<\/td>\n<\/tr>\n
validate-street<\/td>\nPlease use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.<\/td>\n<\/tr>\n
validate-phoneStrict<\/td>\nPlease enter a valid phone number. For example (123) 456-7890 or 123-456-7890.<\/td>\n<\/tr>\n
validate-phoneLax<\/td>\nPlease enter a valid phone number. For example (123) 456-7890 or 123-456-7890.<\/td>\n<\/tr>\n
validate-fax<\/td>\nPlease enter a valid fax number. For example (123) 456-7890 or 123-456-7890.<\/td>\n<\/tr>\n
validate-date<\/td>\nPlease enter a valid date.<\/td>\n<\/tr>\n
validate-email<\/td>\nPlease enter a valid email address. For example johndoe@domain.com.<\/td>\n<\/tr>\n
validate-emailSender<\/td>\nPlease use only letters (a-z or A-Z), numbers (0-9) , underscore(_) or spaces in this field.<\/td>\n<\/tr>\n
validate-password<\/td>\nPlease enter 6 or more characters. Leading or trailing spaces will be ignored.<\/td>\n<\/tr>\n
validate-admin-password<\/td>\nPlease enter 7 or more characters. Password should contain both numeric and alphabetic characters.<\/td>\n<\/tr>\n
validate-cpassword<\/td>\nPlease make sure your passwords match.<\/td>\n<\/tr>\n
validate-url<\/td>\nPlease enter a valid URL. http:\/\/ is required<\/td>\n<\/tr>\n
validate-clean-url<\/td>\nPlease enter a valid URL. For example http:\/\/www.example.com or www.example.com<\/td>\n<\/tr>\n
validate-identifier<\/td>\nPlease enter a valid Identifier. For example example-page, example-page.html or anotherlevel\/example-page<\/td>\n<\/tr>\n
validate-xml-identifier<\/td>\nPlease enter a valid XML-identifier. For example something_1, block5, id-4<\/td>\n<\/tr>\n
validate-ssn<\/td>\nPlease enter a valid social security number. For example 123-45-6789.<\/td>\n<\/tr>\n
validate-zip<\/td>\nPlease enter a valid zip code. For example 90602 or 90602-1234.<\/td>\n<\/tr>\n
validate-date-au<\/td>\nPlease use this date format: dd\/mm\/yyyy. For example 17\/03\/2006 for the 17th of March, 2006.<\/td>\n<\/tr>\n
validate-currency-dollar<\/td>\nPlease enter a valid $ amount. For example $100.00.<\/td>\n<\/tr>\n
validate-one-required<\/td>\nPlease select one of the above options.<\/td>\n<\/tr>\n
validate-one-required-by-name<\/td>\nPlease select one of the options.<\/td>\n<\/tr>\n
validate-not-negative-number<\/td>\nPlease enter a valid number in this field.<\/td>\n<\/tr>\n
validate-state<\/td>\nPlease select State\/Province.<\/td>\n<\/tr>\n
validate-new-password<\/td>\nPlease enter 6 or more characters. Leading or trailing spaces will be ignored.<\/td>\n<\/tr>\n
validate-greater-than-zero<\/td>\nPlease enter a number greater than 0 in this field.<\/td>\n<\/tr>\n
validate-zero-or-greater<\/td>\nPlease enter a number 0 or greater in this field.<\/td>\n<\/tr>\n
validate-cc-number<\/td>\nPlease enter a valid credit card number.<\/td>\n<\/tr>\n
validate-cc-type<\/td>\nCredit card number doesn\\\u2019t match credit card type<\/td>\n<\/tr>\n
validate-cc-type-select<\/td>\nCard type doesn\\\u2019t match credit card number<\/td>\n<\/tr>\n
validate-cc-exp<\/td>\nIncorrect credit card expiration date<\/td>\n<\/tr>\n
validate-cc-cvn<\/td>\nPlease enter a valid credit card verification number.<\/td>\n<\/tr>\n
validate-data<\/td>\nPlease use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.<\/td>\n<\/tr>\n
validate-css-length<\/td>\nPlease input a valid CSS-length. For example 100px or 77pt or 20em or .5ex or 50%<\/td>\n<\/tr>\n
validate-length<\/td>\nMaximum length exceeded.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n
Hope this Magento tutorial helps you to validate your custom form.<\/p>\n","protected":false},"excerpt":{"rendered":"
Kot veste, Magento uporablja Prototype kot knji\u017enico javascript. Ponuja preprost na\u010din za preverjanje vrednosti obrazca html. Spodaj je primer: <form name="”my-form”" id="”my-form”" method="”post”" action=""> <label for="”firstname”"> &lt; ?php echo $this-&gt;__(&#039;Ime&#039;) ?&gt; <span>*<\/span><\/label><br \/> <input  id=”firstname” name=”firstname” class=”input-text required-entry”\/> <label for="”lastname”"> &lt; ?php echo $this-&gt;__(&#039;Priimek&#039;) ?&gt; <span>*<\/span><\/label><br \/> <input  id=”lastname” name=”lastname”…<input type="hidden" name="trp-form-language" value="sl"\/><\/p>","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[40],"tags":[83,82,80,43],"class_list":["post-445","post","type-post","status-publish","format-standard","hentry","category-magento","tag-custom-form-validation","tag-form-validation","tag-frontend","tag-magento"],"_links":{"self":[{"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/posts\/445","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/comments?post=445"}],"version-history":[{"count":8,"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/posts\/445\/revisions"}],"predecessor-version":[{"id":453,"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/posts\/445\/revisions\/453"}],"wp:attachment":[{"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/media?parent=445"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/categories?post=445"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dknzdesign.com\/sl\/wp-json\/wp\/v2\/tags?post=445"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}