Tests and docs for binding the validation to any DOM element

documentation.html

@@ -304,7 +304,12 @@ <h4>Properties</h4>
                             </table>
                         </td>
                     </tr>
-
+                    <tr>
+                        <td><code>data-bind</code></td>
+                        <td></td>
+                        <td>The attribute data-validate must be used on a form. However, if you want to bind the validation to another DOM element, just add this attribute and set it to <code>true</code></td>
+                        <td></td>
+                    </tr>
                 </tbody>
             </table>
             </section>

tests/index.html

@@ -250,6 +250,10 @@
             <input type="text" id="luhn" data-luhn="true" />
             <input type="text" id="americanDate" data-americandate="true" />
         </form>
+
+        <div data-validate="parsley" data-bind="true">
+            <input type="text" id="bindNonFormInput" data-required="true" value="" />
+        </div>
     </div>
 
     <script type="text/javascript">

tests/tests.js

@@ -131,6 +131,9 @@ var testSuite = function () {
         expect( $( '#hidden' ).hasClass( 'parsley-validated' ) ).to.be( false );
         expect( $( '#hidden' ).parsley( 'validate' ) ).to.be( null );
       } )
+      it ( 'Should bind a DOM element with data-bind value set to true', function () {
+        expect( $( '#bindNonFormInput' ).hasClass( 'parsley-validated' ) ).to.be( true );
+      } )
     } )
 
     /***************************************
@@ -700,12 +703,12 @@ var testSuite = function () {
 
         $( '#scenario-multiple-errors-and-required' ).val( '[email protected]' );
         expect( $( '#scenario-multiple-errors-and-required' ).parsley( 'validate' ) ).to.be( false );
-        expect( $( 'ul#' + fieldHash + ' li' ).length ).to.be( 1 );        
+        expect( $( 'ul#' + fieldHash + ' li' ).length ).to.be( 1 );
         expect( $( 'ul#' + fieldHash + ' li' ).eq( 0 ).hasClass( 'rangelength' ) ).to.be( true );
 
         $( '#scenario-multiple-errors-and-required' ).val( 'foo' );
         expect( $( '#scenario-multiple-errors-and-required' ).parsley( 'validate' ) ).to.be( false );
-        expect( $( 'ul#' + fieldHash + ' li' ).length ).to.be( 2 );        
+        expect( $( 'ul#' + fieldHash + ' li' ).length ).to.be( 2 );
       } )
       it ( 'Test keyup scenario for non-required field', function () {
         // do not pass the 3 chars min trigger