The user experience is superb and powerful. Simple javascript form verification is used.

Source: Internet
Author: User

You can still remember the jquery. validationEngine plug-in that we have introduced. Using this plug-in, you can generate a powerful form verification function without having to write any line of js Code. Is it amazing? The introduction of Parsley today also helps you implement form verification only with simple configuration, based on its powerful DOM-API.

Main features

1. Superb User Experience

2. Super convenient configuration

3. Ultra-lightweight (12 K after compression), supporting jQuery and Zepto

4. Super simple, just need simple configuration DOM-API, similar to jQuery's data API

5. Absolutely free

6. Excellent Reliability

Built-in verification

1. required: required

2. Not blank: cannot be blank

3. Min length: Minimum length

4. Max length: Maximum length

5. Range length: length Interval

6. Min: Minimum value

7. Max: Maximum Value

8. Range: region value

9. RegExp: Regular Expression

10. Equal To: Equal

11. Min check: check the minimum number of checkboxes selected

12. Max check: check the maximum number of checkboxes selected

13. Range check: check the number of checkbox intervals.

14. Remote: ajax Verification

It is very easy to use and configure Parsley. js. You only need to use the HTML data attribute to configure html, as shown below:

<Form id = "demo-form" data-validate = "parsley">

<Label for = "fullname"> Full Name *: </label>

<Input type = "text" id = "fullname" name = "fullname" data-required = "true"/>

<Label for = "email"> Email *: </label>

<Input type = "text" id = "email" name = "email" data-trigger = "change" data-required = "true" data-type = "email"/>

<Label for = "website"> Website: </label>

<Input type = "text" id = "website" name = "website" data-trigger = "change" data-type = "url"/>

<Label for = "message"> Message (20 chars min, 200 max): </label>

<Textarea id = "message" name = "message" data-trigger = "keyup" data-rangelength = "[20,200]"> </textarea>

</Form>

Is it very convenient and the documentation is very complete, but if you need to use Chinese, you need to localize it yourself. I believe that if you have used it, you will certainly like it! Reprinted Please note: http://www.gkdai.com

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.