JSFiddle - React, Tailwind, and code Playground

by andrewwhitaker

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

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