[转]magento自定义form表单进行验证

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

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

<script type="text/javascript">
//< ![CDATA[
var myForm= new VarienForm('formId', true);
//]]>
</script>

第一个参数,是表单的ID。
第二个参数重新定位光标位置。如果设置为 true,光标将自动移动input首位。设置为 false,则禁用此功能。
现在,您已创建了一个JS对象来表示您的窗体,然后需要将一些验证规则添加到您的input上。

<label for="name">Name *</label>
<input type="text" id="name" name="name" value="" class="required-entry"/>
<label for="email">Email Address *</label>
<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

From: https://www.zuimoban.com/php/magento/2761.html

posted @ 2021-04-13 17:36  ec04  阅读(257)  评论(0编辑  收藏  举报