JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script>
<div class='top-menu'>
Fixed Menu
</div>

<div style='height:3000px;background-color:red;'>
  <form id='awesome' method='POST' >
    <input type='text' id='name' name='name'>  
    <input type='submit'>
  </form>
</div>

CSS

form{
  margin-top: 50px;
}

.top-menu{
  height: 50px;
  background-color: rgba(23,123,23,0.3);
  font-size: 16px;
  color: #FFF;
  text-align: center;
  position: fixed;
  top: 0;
  width: 100%;
}

JavaScript

$("#awesome").validate({
    rules: {
      name: "required"
    }
  });