JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
<head>
<title>Validator</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

<script type='text/javascript'>

</script>
</head>
<body>


<form id='form1' action="#" method="post">
Name: <input list='list' name="usr_name" required="required" />
<datalist id='list'>
<option>option1</option>
<option>option2</option>
</datalist>
<input id='submi' type="submit" />
</form>
<button id='proxy'>ProxytoForm</button><button id='proxybut'>ProxytoSubmit</button>
</body>
</html>

JavaScript

$(document).ready(function(){
 $('#proxy').click(function(){
 alert('Proxy form submission');
 $('#form1').submit();});
  
 $('#proxybut').click(function(){
 alert('Click form button');
 $('#submi').trigger('click');});
 });