JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form action="/test.php" method="post" id="formid">
    <input typeRun
="text" class="required" name="somedata" />
    <input type="submit" value="submit" />
</form>

 <div class="container">
          <div class="modal fade" id="myModal" role="dialog">
            <div class="modal-dialog">
              <!-- Modal content-->
              <div class="modal-content">
                <div class="modal-header">
                  <button type="button" class="close" data-dismiss="modal">&times;</button>
                  <h4 class="modal-title">Details</h4>
                </div>
                <div class="modal-body">
                 <div class="name"></div>
                 <div class="email"></div>
                 <div class="password"></div>
                 <div class="date"></div>
                 <div class="type"></div>
                 <div class="agentname"></div>
                 <div class="agentcode"></div>
                 <div class="pincode"></div>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
              </div>
            </div>
          </div>
	</div>

JavaScript

$("#formid").validate({
        submitHandler: function(form) {
                   $("#myModal").modal()
        }
    });