How To Validate Custom Form in Magento 2

<form class="form" id="custom-form" method="post" autocomplete="off" data-mage-init='{"validation": {}}'>

   <fieldset class="fieldset">

       <legend class="legend"><span><?php echo __('Personal Information') ?></span></legend><br>
     
       <div class="field name required">
          <label class="label"><?php echo __('Name') ?>:</label>
          <div class="control">
            <input type="text"  name="name" id="name" class="input-text"  data-validate="{required:true, }" />
          </div>
      </div>

        <div class="field email required">

            <label for="email_address" class="label"><span><?php echo __('Email') ?></span></label>

            <div class="control">

                <input type="email" name="email" id="email" value="" title="<?php echo __('Email') ?>" class="input-text" data-validate="{required:true, 'validate-email':true}">

            </div>

        </div>

   </fieldset>

   <div class="actions-toolbar">

        <div class="primary">

            <button type="submit" class="action submit primary" title="<?php  echo __('Submit') ?>"><span><?php echo __('Submit') ?></span></button>

        </div>

    </div>

</form>



<script type="text/javascript">

require([

    'jquery',

    'mage/mage'

], function($){



   var dataForm = $('#custom-form');

   dataForm.mage('validation', {});



});

</script>