JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<table>
    <thead>
        <tr>
            <th>Column one</th>
            <th>Validity</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
        </tr>
        <tr>
            <td>
                <input />
            </td>
            <td></td>
       ...

JavaScript

function yourDefinedFunction(){
    // you need to handle the validating yourself, somehow.
    return false;
}

$('tbody tr').on('keypress', 'td', function(e){
    var cell = this,
        target = e.target;
    if (e.which === 13 && target.tagName.toLowerCase() == 'input') {
        var validity = yourDefinedFunction() || 'valid';
        $(cell).next('td').text(validity);
    }
});