JSFiddle - React, Tailwind, and code Playground

by Yure Pereira

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<form id="myform">
  <input id="personalid" name="personalid" type="text"/>
  <button type="button" id="checkid">Check ID</button>
  <input type="submit" />
</form>

JavaScript

$(function() {
    var $validator = $("#myform").validate();
    $("#checkid").click(function() {
        var errors;
        
        if ($("#personalid").valid()) {
            errors = { personalid: "Please enter an ID to check" };
            $validator.showErrors(errors);            
        }        
    });
});