JSFiddle - React, Tailwind, and code Playground

value of text boxed within table tr should not contain same value

by Akram kamal

HTML

<table id=tbl>
    <tr>
        <td>
            <input type=text name=nm1>
        </td>
    </tr>
    <tr>
        <td>
            <input type=text name=nm2>
        </td>
    </tr>
    <tr>
        <td>
            <input type=text name=nm3>
        </td>
    </tr>
</table>

CSS

input {
    border: 1px solid black;
}
.error {
    color:red;
    border: 1px solid red;
}

JavaScript

$(function () {
    var inputs = $("#tbl input")
    inputs.on("input", function () {
        var vals = []
        inputs.removeClass("error").each(function () {
            var val = $(this).val()
            if (val !== "" && $.inArray(val, vals) > -1) {
                $(this).addClass("error")
                // alert("duplicate value")
            }
            vals.push(val)
        })
    })
})