JSFiddle - React, Tailwind, and code Playground

by grahampcharles

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<form method='post'>
    <input type='text' id='id1' name='bigbigbigname' />
    <input id='btnSave' type='submit' value='ok' />
</form>

JavaScript

$('#btnSave').on('click', function () {
    //using this doesn't work
    $("#id1").rules("add", {
        required: true,
        minlength: 2,
        messages: {
            required: "Required input"
        }
    });
    //console.log($('form'));
    $('form').validate({
        submitHandler: function (form) {
            form.submit();
        }
        /*,using this works
            rules:{
                bigbigbigname: 'required'
            },
            messages:{
                bigbigbigname: "Required input"
            }*/
    });
});