JSFiddle - React, Tailwind, and code Playground

by nobuts

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.0/jquery.validate.min.js"></script>
<form id="form1" name="form1">
  Field 1: <input name="field1" type="text" /><br />
  Field 2: <input name="field1" type="text" />
</form>

<div>
  <input id="btn" type="button" value="Validate" />
</div>

JavaScript

$(document).ready(function() {
  $("#form1").validate({
    rules: {
      field1: "required"
    },
    messages: {
      field1: "Please specify your name"

    }
  })

  $('#btn').click(function() {
    $("#form1").valid();
  });
});