{{velocity output=false}}
$xwiki.jsfx.use('uicomponents/widgets/validation/livevalidation_prototype.js')
$xwiki.ssfx.use('uicomponents/widgets/validation/livevalidation.css')
{{/velocity}}

{{html}}
<form method="get" action="">
 <p><input type="text" name="fruits" class="mandatory"/></p>
 <p><button>Submit</button></p>
</form>
<script>
 require(['jquery'], function ($) {
    $(function () {
     var mandatoryInputs = $('input.mandatory');
        for (var i = 0; i < mandatoryInputs.length; i++) {
          var input = mandatoryInputs[i];
          var valid = new LiveValidation( input, { validMessage: "OK!", wait: 500 } );
          valid.add( Validate.Presence, { failureMessage: "Mandatory" } );
         }
    });
  });
</script>
{{/html}}