Hjdcti

I have used jQuery validation, but it is not working on pressing enter key in Magento2.2.5?

But works on Submit button.

Refer my code.

<?php
?>
<div class="row margincontrol">
<form class="form" 
id="custom-form" 
method="post" 
action="<?php echo $block->getBaseUrl().'warranty/index/result' ?>"
autocomplete="off">

 <fieldset class="fieldset">
 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="first_name" class="label"><span class="font_app"><?php echo __('First Name') ?></span></label>
 <div class="control">
 <input type="text" name="first_name" id="first_name" class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="last_name" class="label boxspaing"><span class="font_app"><?php echo __('Last Name') ?></span></label>
 <div class="control boxspaing">
 <input type="text" name="last_name" id="last_name" class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="email" class="label"><span class="font_app"><?php echo __('Email') ?></span></label>
 <div class="control">
 <input type="text" name="email" id="email" class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="phone_no" class="label boxspaing"><span class="font_app"><?php echo __('Telephone') ?></span></label>
 <div class="control boxspaing">
 <input type="text" name="phone_no" id="phone_no" maxlength ="10" 
 class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="address1" class="label"><span class="font_app"><?php echo __('Address 1') ?></span></label>
 <div class="control">
 <input type="text" name="address1" id="address1" 
 class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field address2">
 <label for="address2" class="label boxspaing"><span class="font_app"><?php echo __('Address 2') ?></span></label>
 <div class="control boxspaing">
 <input type="text" name="address2" id="address2" 
 class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="city" class="label"><span class="font_app"><?php echo __('City:') ?></span></label>
 <div class="control">
 <input type="text" name="city" id="city" class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-6 col-lg-6 field required">
 <label for="postcode" class="label"><span class="font_app"><?php echo __('Zipcode') ?></span></label>
 <div class="control">
 <input type="text" name="postcode" id="postcode" class="input-text" value="">
 </div>
 </div>

 <div class="col-sm-12 col-md-12 col-lg-12">
 <div class="actions-toolbar">
 <div class="primary">
 <button type="submit" class="action submit primary" id="sub_btn" title="<?php echo __('Submit') ?>">
 <span><?php echo __('Submit') ?></span></button>
 </div>
 </div>
 </div>

</form>
</div>
</div>

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script type="text/javascript">
require([
 'jquery'
], function($)

jQuery(document).ready(function()
jQuery("#custom-form").validate(
 rules: 
 first_name: "required",
 last_name: "required",
 email: 
 required: true,
 email: true
 ,
 phone_no:
 required:true,
 number:true
 ,
 address1: "required",
 city: "required",
 region: "required",
 postcode: "required"
 ,
 messages: 
 first_name: "Please enter your Firstname",
 last_name: "Please enter your Lastname",
 email: "Please enter a valid Email Address",
 phone_no: 
 required: "Please enter your Phone Number",
 number:"Please enter numbers Only"
 ,
 address1: "Please enter your Address",
 city: "Please enter your City",
 region: "Please enter your State/Province",
 postcode: "Please enter your Zipcode"
 ,
 submitHandler: function(form) 
 //event.preventDefault();
 // alert("Do some stuff...");
 form.submit();
 return false;
 //submit via ajax
 

 );
);
);
</script>

Any help would be appreciated.