Browse Source

Release v0.5.0

phuoc 11 years ago
parent
commit
3e0770a3ef

+ 1 - 1
CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-## v0.5.0 (not released yet) - It will be the big release
+## v0.5.0 (2015-07-14)
 
 __New Features__
 * [#2](https://github.com/nghuuphuoc/bootstrapvalidator/issues/2), [#387](https://github.com/nghuuphuoc/bootstrapvalidator/issues/387): Provide the default error messages

+ 3 - 59
README.md

@@ -1,4 +1,4 @@
-# BootstrapValidator - [v0.4.5](https://github.com/nghuuphuoc/bootstrapvalidator/releases/download/v0.4.5/bootstrapvalidator-dist-0.4.5.zip)
+# BootstrapValidator - [v0.5.0](https://github.com/nghuuphuoc/bootstrapvalidator/releases/download/v0.5.0/bootstrapvalidator-dist-0.5.0.zip)
 
 [http://bootstrapvalidator.com](http://bootstrapvalidator.com) - The best jQuery plugin to validate form fields. Designed to use with [Bootstrap 3](http://getbootstrap.com)
 
@@ -18,65 +18,9 @@ http://bootstrapvalidator.com/examples/
 
 There are also many examples located in the [demo](demo) directory.
 
-## Next v0.5.0
-
-v0.5.0 is coming soon with the following highlights ([all v0.5.0 features](CHANGELOG.md), if you care about)
-
-* Add events for form ([#121](https://github.com/nghuuphuoc/bootstrapvalidator/issues/121)), field ([#195](https://github.com/nghuuphuoc/bootstrapvalidator/issues/195)), and given validator ([#324](https://github.com/nghuuphuoc/bootstrapvalidator/issues/324))
-* [#125](https://github.com/nghuuphuoc/bootstrapvalidator/issues/125): Support dynamic fields
-* [#175](https://github.com/nghuuphuoc/bootstrapvalidator/issues/175): Possible to show errors in tooltip or popover
-* [#385](https://github.com/nghuuphuoc/bootstrapvalidator/issues/385): Support translating error messages in other languages
-* [#387](https://github.com/nghuuphuoc/bootstrapvalidator/issues/387): Provide the default error messages
-
-Please help me by downloading the [latest code](https://github.com/nghuuphuoc/bootstrapvalidator/archive/master.zip) and testing the [v0.5.0 issues](https://github.com/nghuuphuoc/bootstrapvalidator/issues?labels=&milestone=7&page=1&state=open).
-
 ## Features
 
-__Code__
-- [x] Written from scratch
-- [x] Very solid and clean
-- [x] The core plugin and validators code are separated
-
-__Bootstrap__
-- [x] Designed to use with [Bootstrap 3](http://getbootstrap.com)
-- [x] Support almost all [Bootstrap forms](http://getbootstrap.com/css/#forms)
-- [x] Support Bootstrap form [validation states](http://getbootstrap.com/css/#forms-control-validation)
-
-__HTML 5__
-- [x] Support setting the plugin, validator options via [HTML 5 attributes](http://bootstrapvalidator.com/examples#attribute) prefixed with ```data-bv-```
-- [x] Support HTML 5 attributes such as ```min```, ```max```, ```pattern```, ```required```
-- [x] Support [HTML 5 input types](http://bootstrapvalidator.com/examples#html5) such as ```color```, ```email```, ```range``` and ```url```
-
-__Validator__
-- [x] [46 built-in validators](http://bootstrapvalidator.com/validators/) and counting!
-- [x] Easy to [write a new validator](http://bootstrapvalidator.com/developing/)
- 
-__Friendly__
-- [x] Show [feedback icons](http://bootstrapvalidator.com/settings/#feedback-icons) based on field validity
-- [x] Support [Glyphicons](http://getbootstrap.com/components/#glyphicons) and [FontAwesome](http://fontawesome.io/icons) icons
-- [x] Focus on the first invalid field
-- [x] Don't validate the field if the field length is less than given number using [threshold](http://bootstrapvalidator.com/settings/#threshold) option
-
-__Ajax__
-- [x] Support [validating via Ajax](http://bootstrapvalidator.com/validators/remote/)
-- [x] Support using Ajax for form submission
-
-__Flexible__
-- [x] The elements can be defined by either ```name``` or [CSS selector](http://bootstrapvalidator.com/settings/#selector-example)
-- [x] Support multiple elements with the [same name](http://bootstrapvalidator.com/examples/#fields-with-same-name)
-- [x] Possible to indicate [excluded](http://bootstrapvalidator.com/settings/#excluded) fields
-- [x] Field validators can be enabled/disabled on the fly
-
-__Compatibility__
-- [x] We [play nice](http://bootstrapvalidator.com/examples/#compatibility) with popular plugins such as
-    - [x] [Bootstrap Button](http://getbootstrap.com/javascript/#buttons)
-    - [x] [Bootstrap Color Picker](http://mjolnic.github.io/bootstrap-colorpicker/) as seen in [```hexColor``` validator example](http://bootstrapvalidator.com/validators/hexColor/#color-picker-example)
-    - [x] [Bootstrap Datetime Picker](http://eonasdan.github.io/bootstrap-datetimepicker/) as seen in [```date``` validator example](http://bootstrapvalidator.com/validators/date/#date-picker-example)
-    - [x] [Bootstrap Multiselect](http://davidstutz.github.io/bootstrap-multiselect/)
-    - [x] [Chosen](http://harvesthq.github.io/chosen/)
-    - [x] [iCheck](https://github.com/fronteed/iCheck/)
-    - [x] [Mask](http://igorescobar.github.io/jQuery-Mask-Plugin/)
-    - [x] [Raty](http://wbotelhos.com/raty)
+See [official website[(http://bootstrapvalidator.com) for the full list of features
 
 ## Required
 
@@ -85,7 +29,7 @@ __Compatibility__
  
 ## Download
 
-Latest version: [v0.4.5](https://github.com/nghuuphuoc/bootstrapvalidator/releases/download/v0.4.5/bootstrapvalidator-dist-0.4.5.zip), released on 2014-05-15.
+Latest version: [v0.5.0](https://github.com/nghuuphuoc/bootstrapvalidator/releases/download/v0.5.0/bootstrapvalidator-dist-0.5.0.zip), released on 2014-07-14.
 
 For older versions, look at the [Releases](https://github.com/nghuuphuoc/bootstrapvalidator/releases) page.
 

+ 1 - 1
bootstrapValidator.jquery.json

@@ -1,6 +1,6 @@
 {
     "name": "bootstrapValidator",
-    "version": "0.5.0-dev",
+    "version": "0.5.0",
     "title": "BootstrapValidator",
     "author": {
         "name": "Nguyen Huu Phuoc",

+ 1 - 1
bower.json

@@ -1,7 +1,7 @@
 {
     "name": "bootstrapValidator",
     "description": "The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3",
-    "version": "0.5.0-dev",
+    "version": "0.5.0",
     "main": [
         "dist/css/bootstrapValidator.css",
         "dist/js/bootstrapValidator.js"

+ 122 - 0
demo/ajaxSubmit.html

@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Using Ajax to submit data</title>
+
+    <link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.css"/>
+    <link rel="stylesheet" href="../dist/css/bootstrapValidator.css"/>
+
+    <script type="text/javascript" src="../vendor/jquery/jquery-1.10.2.min.js"></script>
+    <script type="text/javascript" src="../vendor/bootstrap/js/bootstrap.min.js"></script>
+    <script type="text/javascript" src="../dist/js/bootstrapValidator.js"></script>
+</head>
+<body>
+<div class="container">
+    <div class="row">
+        <div class="col-lg-8 col-lg-offset-2">
+            <div class="page-header">
+                <h2>Using Ajax to submit data</h2>
+            </div>
+
+            <form id="defaultForm" method="post" class="form-horizontal" action="ajaxSubmit.php">
+                <div class="form-group">
+                    <label class="col-lg-3 control-label">Username</label>
+                    <div class="col-lg-5">
+                        <input type="text" class="form-control" name="username" />
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="col-lg-3 control-label">Email address</label>
+                    <div class="col-lg-5">
+                        <input type="text" class="form-control" name="email" />
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <label class="col-lg-3 control-label">Password</label>
+                    <div class="col-lg-5">
+                        <input type="password" class="form-control" name="password" />
+                    </div>
+                </div>
+
+                <div class="form-group">
+                    <div class="col-lg-9 col-lg-offset-3">
+                        <button type="submit" class="btn btn-primary">Sign up</button>
+                    </div>
+                </div>
+            </form>
+        </div>
+    </div>
+</div>
+
+<script type="text/javascript">
+$(document).ready(function() {
+    $('#defaultForm')
+        .bootstrapValidator({
+            message: 'This value is not valid',
+            feedbackIcons: {
+                valid: 'glyphicon glyphicon-ok',
+                invalid: 'glyphicon glyphicon-remove',
+                validating: 'glyphicon glyphicon-refresh'
+            },
+            fields: {
+                username: {
+                    message: 'The username is not valid',
+                    validators: {
+                        notEmpty: {
+                            message: 'The username is required and can\'t be empty'
+                        },
+                        stringLength: {
+                            min: 6,
+                            max: 30,
+                            message: 'The username must be more than 6 and less than 30 characters long'
+                        },
+                        /*remote: {
+                            url: 'remote.php',
+                            message: 'The username is not available'
+                        },*/
+                        regexp: {
+                            regexp: /^[a-zA-Z0-9_\.]+$/,
+                            message: 'The username can only consist of alphabetical, number, dot and underscore'
+                        }
+                    }
+                },
+                email: {
+                    validators: {
+                        notEmpty: {
+                            message: 'The email address is required and can\'t be empty'
+                        },
+                        emailAddress: {
+                            message: 'The input is not a valid email address'
+                        }
+                    }
+                },
+                password: {
+                    validators: {
+                        notEmpty: {
+                            message: 'The password is required and can\'t be empty'
+                        }
+                    }
+                }
+            }
+        })
+        .on('success.form.bv', function(e) {
+            // Prevent form submission
+            e.preventDefault();
+
+            // Get the form instance
+            var $form = $(e.target);
+
+            // Get the BootstrapValidator instance
+            var bv = $form.data('bootstrapValidator');
+
+            // Use Ajax to submit form data
+            $.post($form.attr('action'), $form.serialize(), function(result) {
+                console.log(result);
+            }, 'json');
+        });
+});
+</script>
+</body>
+</html>

+ 6 - 0
demo/ajaxSubmit.php

@@ -0,0 +1,6 @@
+<?php
+$userName = $_POST['username'];
+
+echo json_encode(array(
+    'message' => sprintf('Welcome %s', $userName),
+));

+ 1 - 1
dist/css/bootstrapValidator.min.css

@@ -2,7 +2,7 @@
  * BootstrapValidator (http://bootstrapvalidator.com)
  * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
  *
- * @version     v0.5.0-dev, built on 2014-07-14 10:49:46 AM
+ * @version     v0.5.0, built on 2014-07-14 4:31:02 PM
  * @author      https://twitter.com/nghuuphuoc
  * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
  * @license     MIT

+ 1 - 1
dist/js/bootstrapValidator.js

@@ -2,7 +2,7 @@
  * BootstrapValidator (http://bootstrapvalidator.com)
  * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
  *
- * @version     v0.5.0-dev, built on 2014-07-14 10:49:46 AM
+ * @version     v0.5.0, built on 2014-07-14 4:31:02 PM
  * @author      https://twitter.com/nghuuphuoc
  * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
  * @license     MIT

+ 1 - 1
dist/js/bootstrapValidator.min.js

@@ -2,7 +2,7 @@
  * BootstrapValidator (http://bootstrapvalidator.com)
  * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
  *
- * @version     v0.5.0-dev, built on 2014-07-14 10:49:46 AM
+ * @version     v0.5.0, built on 2014-07-14 4:31:02 PM
  * @author      https://twitter.com/nghuuphuoc
  * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
  * @license     MIT

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
     "name": "bootstrapValidator",
-    "version": "0.5.0-dev",
+    "version": "0.5.0",
     "description": "The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3",
     "keywords": ["jQuery", "plugin", "validate", "validator", "form", "Bootstrap"],
     "author": {