SHANKAR KUAMR Ответов: 1

Как проверить дозу не вводите повторяющееся значение во второй колонке текстового поля группы по первому столбцу текстового поля.

как проверить дозу не вводить повторяющееся значение во втором столбце текстового поля группы по первому столбцу текстового поля.
Это должен быть результат, как показано ниже.
<pre lang="HTML">
    <table rules="all" class="table table-bordered">
        <tbody>
            <tr>
                <td>
                    <span>1</span><input name="SerialNo1" type="text" value="5">
                </td>
                <td><input name="SerialNo_1" type="text" value="1"></td>
            </tr>
            <tr>
                <td>
                    <span>2</span><input name="SerialNo2" type="text" value="5">
                </td>
                <td><input name="SerialNo_2" type="text" value="2"></td>
            </tr>
            <tr>
                <td>
                    <span>3</span><input name="SerialNo3" type="text" value="5">
                </td>
                <td><input name="SerialNo_3" type="text" value="3"></td>
            </tr>
            <tr>
                <td>
                    <span>4</span><input name="SerialNo4" type="text" value="9">
                </td>
                <td><input name="SerialNo_4" type="text" value="1"></td>
            </tr>
            <tr>
                <td>
                    <span>5</span><input name="SerialNo5" type="text" value="9">
                </td>
                <td><input name="SerialNo_5" type="text" value="2"></td>
            </tr>
            <tr>
                <td>
                    <span>6</span><input name="SerialNo6" type="text" value="10">
                </td>
                <td><input name="SerialNo_6" type="text" value="1"></td>
            </tr>
        </tbody>
    </table>

Пожалуйста, направь меня.

Что я уже пробовал:

- Понятия не имею. Как получить результат.

1 Ответов

Рейтинг:
2

Karthik_Mahalingam

пробовать

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <table>
        <tbody>
            <tr>
                <td>
                    <span>1</span><input name="SerialNo1" type="text" value="5">
                </td>
                <td><input name="SerialNo_1" type="text" value="1"></td>
            </tr>
        </tbody>
    </table>
    <script>
        var left = document.getElementsByName('SerialNo1')[0];
        var right = document.getElementsByName('SerialNo_1')[0];
        left.addEventListener('blur', checkEqual);
        right.addEventListener('blur', checkEqual);
        function checkEqual(e) {
            if (left.value == right.value) {
                alert('both value should not be same,Please enter different value!');
                e.target.value = '';
                e.target.focus();
                return
            }
        }
    </script>
</body>
</html>


Демонстрация: Плунжер[^]