JSFiddle - React, Tailwind, and code Playground

by bizamajig

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<form method="get">
    First name: <input type="text" name="fname"><br>
    Last name: <input type="text" name="lname"><br>
    Telephone: <input type="text" name="phone"><br>
    <input type="submit" id="add" value="Add">
    <input type="submit" id="edit" value="Edit">
</form>

JavaScript

var action = '';
$('form').validate({
    rules: {
        fname: 'required',
        lname: 'required',
        phone: {required: function() { return action === 'Edit'; }}
    },
    submitHandler: function(form) {
        alert('Submit from ' + action);
    }
});
$('form :submit').click(function() {
    action = $(this).val();
});