最模板 - 外贸网站建设,外贸网站模板

最模板

当前位置: 首页 > Magento > Magento教程 >

magento中如何使用Prototype对form进行验证

时间:2014-08-22 02:12来源:未知 作者:最模板zuimoban 点击:
web开发中,虽然 Javascript 不是你唯一的form验证方式,但使用它肯定会对站点的可用性和效率有帮助。 Magento 中的 Javascript 验证 默认情况下 Magento 使用form.js (js/varien/form.js) 来提供抽象形

web开发中,虽然 Javascript 不是你唯一的form验证方式,但使用它肯定会对站点的可用性和效率有帮助。

Magento 中的 Javascript 验证
默认情况下 Magento 使用form.js (js/varien/form.js) 来提供抽象形式的 Javascript 函数,我认为-此class的最有用的应用就是表单验证。form.js 的验证类是Prototype库的一部分。它通过检查input中class的名称的形式来工作,即验证器通过class名称对用户的输入进行有效性验证。

Custom Form Validation
添加 Javascript 验证自己的表单是非常简单的。
首先,您需要创建一个form对象 (form.js)

 

[javascript] view plaincopy
 
  1. <script type="text/javascript">  
  2. //< ![CDATA[  
  3.   var myForm= new VarienForm('formId'true);  
  4. //]]>  
  5. </script>  
第一个参数,是表单的ID。
第二个参数重新定位光标位置。如果设置为 true,光标将自动移动input首位。设置为 false,则禁用此功能。
现在,您已创建了一个JS对象来表示您的窗体,然后需要将一些验证规则添加到您的input上。

 

 

[html] view plaincopy
 
  1. <label for="name">Name *</label>  
  2. <input type="text" id="name" name="name" value="" class="required-entry"/>  
  3. <label for="email">Email Address *</label>  
  4. <input type="text" id="email" name="email" value="" class="required-entry validate-email"/>  
注意看required-entry和validate-email,它告诉验证规则这个input必须不能为空和必须是正确的email格式地址,否则将不予通过。

Magento Javascript 验证类
这里列出一些常用的验证类,想了解更多信息请使用google或留言!

 

 

validate-select

 

Please select an option

required-entry

This is a required field

validate-number

Please enter a valid number in this field

validate-digits

Please use numbers only in this field. please avoid spaces or other characters such as dots or commas

validate-alpha

Please use letters only (a-z or A-Z) in this field.

validate-code

Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.

validate-alphanum

Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed

validate-street

Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field

validate-phoneStrict

Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890

validate-phoneLax

Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890

validate-fax

Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890

validate-date

Please enter a valid date

validate-email

Please enter a valid email address. For example johndoe@domain.com.

validate-emailSender

Please use only letters (a-z or A-Z), numbers (0-9) , underscore(_) or spaces in this field.

validate-password

Please enter 6 or more characters. Leading or trailing spaces will be ignored

validate-admin-password

Please enter 7 or more characters. Password should contain both numeric and alphabetic characters

validate-cpassword

Please make sure your passwords match

validate-url

Please enter a valid URL. http:// is required

validate-clean-url

Please enter a valid URL. For example http://www.example.com or www.example.com

validate-identifier

Please enter a valid Identifier. For example example-page, example-page.html or anotherlevel/example-page

validate-xml-identifier

Please enter a valid XML-identifier. For example something_1, block5, id-4

validate-ssn

Please enter a valid social security number. For example 123-45-6789

validate-zip

Please enter a valid zip code. For example 90602 or 90602-1234

validate-zip-international

Please enter a valid zip code

validate-date-au

Please use this date format: dd/mm/yyyy. For example 17/03/2006 for the 17th of March, 2006

validate-currency-dollar

Please enter a valid $ amount. For example $100.00

validate-one-required

Please select one of the above options.

validate-one-required-by-name

Please select one of the options.

validate-not-negative-number

Please enter a valid number in this field

validate-state

Please select State/Province

validate-new-password

Please enter 6 or more characters. Leading or trailing spaces will be ignored

validate-greater-than-zero

Please enter a number greater than 0 in this field

validate-zero-or-greater

Please enter a number 0 or greater in this field

validate-cc-number

Please enter a valid credit card number.

validate-cc-type

Credit card number doesn't match credit card type

validate-cc-type-select

Card type doesn't match credit card number

validate-cc-exp

Incorrect credit card expiration date

validate-cc-cvn

Please enter a valid credit card verification number.

validate-data

Please use only letters (a-z or A-Z), numbers (0-9) or underscore(_) in this field, first character should be a letter.

validate-css-length

Please input a valid CSS-length. For example 100px or 77pt or 20em or .5ex or 50%

validate-length

Maximum length exceeded

(责任编辑:最模板)
------分隔线----------------------------
栏目列表
推荐内容