update demo

Perepecho Georgy · Perepecho Georgy · commit 1a7fd1e23ba1 · 2018-11-29T12:48:43.000+03:00
diff --git a/index.html b/index.html
@@ -16,6 +16,10 @@
     .js-validate-error-label {
       margin-top: 5px;
     }
+
+    .form__radio, .form__checkbox {
+      margin-right: 7px !important;
+    }
   </style>
 </head>
 <body class="container">
@@ -46,7 +50,11 @@ <h2>Classic validation</h2>
     <div class="form-group">
       <label><input type="checkbox" class="form__checkbox" data-validate-field="checkbox2" checked>I agree</label>
     </div>
-
+    <div class="form-group">
+      <label><input type="radio" name="radio" class="form__radio" data-validate-field="radio">Male</label>
+      <br>
+      <label><input type="radio" name="radio" class="form__radio" data-validate-field="radio">Female</label>
+    </div>
     <button class="form__btn btn btn-primary">SUBMIT</button>
   </form>
   <br>
@@ -81,6 +89,9 @@ <h2>Remote validation with custom messages</h2>
 <script>
     new window.JustValidate('.js-form', {
         rules: {
+            radio: {
+                required: true
+            },
             checkbox: {
                 required: true
             },
@@ -146,4 +157,4 @@ <h2>Remote validation with custom messages</h2>
 </script>
 
 </body>
-</html>
+</html>
