JSFiddle - React, Tailwind, and code Playground

by adiioo7

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script>
<div id='LoginDiv' style='width:400px;height:300px;background-color:green;'>
    <form method="post" action="" id='logform'>User Name :
        <input type="text" id='txtUsr' name='txtUsr' style='margin-top:12px' />
        <br/>
        <br/>Password :
        <input type="text" id='txtPass' name='txtPass' />
        <br/>
        <br/>
        <input type="submit" id='btnSubmit' value='Submit' />
    </form>
</div>

JavaScript

$(document).ready(function () {
    $('#btnSubmit').click(function () {
        $('#logform').validate({
            rules: {
                txtUsr: {
                    required: true

                },
                txtPass: {
                    required: true

                }

            },
            messages: {
                txtUsr: {
                    required: 'Please enter username'
                },
                txtPass: {
                    required: 'Please enter password'
                }
            }

        });

    });

});