https://github.com/scottbedard/jquery-validator

jQuery validation using Laravel rules.
https://github.com/scottbedard/jquery-validator

Last synced: 18 days ago
JSON representation

jQuery validation using Laravel rules.

• Host: GitHub
• URL: https://github.com/scottbedard/jquery-validator
• Owner: scottbedard
• Created: 2015-01-25T04:40:39.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2015-01-25T08:14:32.000Z (almost 10 years ago)
• Last Synced: 2024-12-08T18:49:40.053Z (25 days ago)
• Language: JavaScript
• Size: 160 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# jQuery Validator

The goal of this tool is to mimic [Laravel validation](http://laravel.com/docs/validation) as closely as possible with jQuery. By doing this, you no longer have to worry about keeping the server and client validation synchronized. Just write your rules once, and move on to more important things. To get started, JSON encode your rules and place them in a form's ```data-validation``` attribute. From there, simply call ```validate()``` to see if everything checks out!

### Supported validation

For a list of available validation rules, check out the [Laravel documentation](http://laravel.com/docs/validation). There are a few rules that are not supported at this time. Unsupported rules include ```active_url```, ```array```, ```exists```, ```image```, ```mimes```, ```timezone```, ```unique```, ```url```, custom rules, and file validation.

### Basic usage

First thing's first, we need some validation rules

```php

$rules = [

    'first_name'    => 'required|alpha',

    'last_name'     => 'required|alpha',

    'email'         => 'required|email',

    'age'           => 'integer|min:18',

    'terms'         => 'accepted'

];

$dataValidation = htmlspecialchars(json_encode($rules));

```

Next lets build up our form, and attach our rules.

```html

    

    

    

    

    Submit

```

Now for the fun part, lets validate our form and let the user know if they've messed up.

```javascript

$(function() {

    $('#signup').submit(function(event) {

    

        var validationError = $(this).validate(1)

        

        if (validationError) {

            event.preventDefault()

            alert (validationError)

        }

        

    })

    

})

```

Finished, we now have client side validation running off the same rules governing the server side validation! The ```1``` value passed to ```validate()``` simply references how many error messages to return. If this is left out or set to zero, all errors will be returned.

### Custom messages

Lets make the above example just a little bit fancier with some custom error messages. To do this, simply take the error messages array from your Laravel validation and plug it into the form.

```php

$messages = [

    'age.min'           => 'Sorry, you must be 18 years of age to sign up.',

    'terms.accepted'    => 'You must accept the terms of service.'

];

$dataMessages = htmlspecialchars(json_encode($messages));

```

```html+php

    ...

```