JSFiddle - React, Tailwind, and code Playground

HTML

<html>
    <head>
        <title>
            Test jQuery
        </title>            
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
    </head>
    <body>
        <form id="myform">
            Text1: <input type="text" id="text1" name="text1" size="10" /><br>                
            Text2: <input type="text" id="text2" name="text2" size="10" /><br>
            <input type="button" id="submitbutton" value="Validar" type="submit"/>
            <br>    
            <span id="validationStatus"/>
        </form>
    </body>
</html>

JavaScript

$(document).ready(function() {

        var _formRules = {
            text1: {
                required: true
            }
        };
                        
        var _errorMessages = {
            text1: {
                required: "Error: Campo deve ser preenchido!"
            }
        }                
                        
        $("#submitbutton").click(function() {                    
            var _handler = $("#myform").validate({
                rules: _formRules,
                messages: _errorMessages
            });
            
            var status = $("#validationStatus");                         
        
            if(_handler.checkForm()) {
                status.text("validation ok");
            } else {
                status.text("validation error");
            }                     
        });
});