JSFiddle - React, Tailwind, and code Playground

by BRANIS

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form id="TOTALSFORM" name="TOTALSFORM">
    <label for="LHSOPERAND">Input 1</label>
    <br />
    <input type="text" name="LHSOPERAND" id="LHSOPERAND" class="required" />
    <br />
    <label for="RHSOPERAND">End</label>
    <br />
    <input type="text" name="RHSOPERAND" id="RHSOPERAND" class="required" />
    <label for="TOTAL">End</label>
    <br />
    <input type="text" name="TOTAL" id="TOTAL" class="required checkTotal" />
    <input type="submit" value="submit" />
</form>

JavaScript

jQuery.validator.addMethod("checkTotal",function(value) {
        total = parseFloat($('#LHSOPERAND').val()) + parseFloat($('#RHSOPERAND').val());
        return total == parseFloat($('#TOTAL').val());
    }, "Amounts do not add up!");
    
    jQuery.validator.classRuleSettings.checkTotal = { checkTotal: true };

$("#TOTALSFORM").validate();