JSFiddle - React, Tailwind, and code Playground

by syran

HTML

<script src="http://www.javascript-coder.com/files/form-validation/gen_validatorv4.js"></script>
<script src="https://js-methods.googlecode.com/files/array-0.9.js"></script>
<form name="checkvoid" method="post">
    <table id="mytable" border="1">
        <tbody>
            <tr>
                <td nowrap>Branch Number:
                    <input type="text" name="bid" value="1" size="3">
                </td>
                <td nowrap colspan="2">Teller ID:
                    <input type="text" name="tid" size="4" value="1">
                </td>
                <td colspan="3" nowrap>
                    <input type="submit" value="Submit Voided Checks">
                </td>
            </tr>
            <tr>
                <td align="center">Date</td>
                <td align="center">Account #</td>
                <td align="center">Serial #</td>
                <td align="center">Amount</td>
                <td>MO</td>
                <td>CC</td>
            </tr>
            <tr class="check">
                <td>
                    <select name="stuff[1][date][month]">
                        <option value="1">Jan</option>
                        <option value="2">Feb</option>
                        <option value="3">Mar</option>
                        <option value="4">Apr</option>
                        <option value="5" selected>May</option>
                        <option value="6">Jun</option>
                        <option value="7">Jul</option>
                        <option value="8">Aug</option>
                        <option value="9">Sep</option>
                        <option value="10">Oct</option>
                        <option value="11">Nov</option>
                        <option value="12">Dec</option>
                    </select>
                    <select name="stuff[1][date][day]">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option...

JavaScript

var frmvalidator = new Validator("checkvoid");
frmvalidator.addValidation("bid", "req", "Please enter your Branch Number!");
frmvalidator.addValidation("bid", "num", "Your Branch Number should be a Number!");
frmvalidator.addValidation("tid", "req", "Please enter your Teller Number!");
frmvalidator.addValidation("tid", "num", "Your Teller Number should be a Number!");
frmvalidator.addValidation("stuff[1][actnum]", "req", "Line #1: You must enter an account number!");
frmvalidator.addValidation("stuff[1][actnum]", "num", "Line #1: Your Account Number must be a number!");
frmvalidator.addValidation("stuff[1][actnum]", "maxlen=8", "Line #1: Your Account Number cannot exceed 8 numbers!");
frmvalidator.addValidation("stuff[1][serial]", "req", "Line #1: You must enter a serial number!");
frmvalidator.addValidation("stuff[1][serial]", "num", "Line #1: Your Serial Number must be a number!");
frmvalidator.addValidation("stuff[1][serial]", "maxlen=10", "Line #1: Your Serial Number cannot exceed 10 numbers!");
frmvalidator.addValidation("stuff[1][amount]", "req", "Line #1: You must enter an amount!");
frmvalidator.addValidation("stuff[1][amount]", "num", "Line #1: Your Amount must be a number!");
frmvalidator.addValidation("stuff[1][type]", "selone", "Line #1: You must select either Money Order or Cashier's Check!");
frmvalidator.addValidation("stuff[2][actnum]", "req", "Line #2: You must enter an account number!");
frmvalidator.addValidation("stuff[2][actnum]", "num", "Line #2: Your Account Number must be a number!");
frmvalidator.addValidation("stuff[2][actnum]", "maxlen=8", "Line #2: Your Account Number cannot exceed 8 numbers!");
frmvalidator.addValidation("stuff[2][serial]", "req", "Line #2: You must enter a serial number!");
frmvalidator.addValidation("stuff[2][serial]", "num", "Line #2: Your Serial Number must be a number!");
frmvalidator.addValidation("stuff[2][serial]", "maxlen=10", "Line #2: Your Serial Number cannot exceed 10...