Как вызвать метод на соседней ячейке с onblur?

Question

Я пытаюсь добавить проверку на таблицу, в которой пользователи будут вводить данные. Информация, которую я пытаюсь собрать, - это время переключения, где не может быть пробелов в начале и конце смены (пример 3:59, 4:00 - это то, что я ищу). Когда пользователь редактирует время переключения, я хочу иметь возможность смотреть на соседние ячейки и автоматически настраивать время ячеек.

Итак, если время начала второй смены изменяется с 14:00 до 13:00, я должен посмотреть как время окончания второй смены, так и время окончания первой смены и соответственно отрегулировать эти времена и продолжить поиск, пока не будет сделано никаких изменений.

Есть ли способ вызвать метод на соседней ячейке?

Это написано в HTML, классическом ASP и Javascript.

<table border='1' style='border-collapse:collapse;'> 
 
    <tr> 
 
     <th>Name</th> 
 
     <th>Start</th> 
 
     <th>End</th> 
 
    </tr> 
 
    <tr> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl0Name' Value='First' onBlur='updateGrid("Name", cntl0Name, "0", "First", "06:00", "13:59", 1);'></td> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl0Start' Value='06:00' onBlur='updateGrid("Start", cntl0Start, "0", "First", "06:00", "13:59", 1);'></td> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl0End' Value='13:59' onBlur='updateGrid("End", cntl0End, "0", "First", "06:00", "13:59", 1);'></td> 
 
    </tr> 
 
    <tr> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl1Name' Value='Second' onBlur='updateGrid("Name", cntl1Name, "1", "Second", "14:00", "21:59", 1);'></td> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl1Start' Value='14:00' onBlur='updateGrid("Start", cntl1Start, "1", "Second", "14:00", "21:59", 1);'></td> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl1End' Value='21:59' onBlur='updateGrid("End", cntl1End, "1", "Second", "14:00", "21:59", 1);'></td> 
 
    </tr> 
 
    <tr> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl2Name' Value='Third' onBlur='updateGrid("Name", cntl2Name, "2", "Third", "22:00", "05:59", 1);'></td> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl2Start' Value='22:00' onBlur='updateGrid("Start", cntl2Start, "2", "Third", "22:00", "05:59", 1);'></td> 
 
     <td style='width: auto;'><Input style='border-style:none; width: auto;' Type='Text' Name='cntl2End' Value='05:59' onBlur='updateGrid("End", cntl2End, "2", "Third", "22:00", "05:59", 1);'></td> 
 
    </tr> 
 
</table>

Answer 1

Да, вы можете использовать PreviousSibling и NextSibling DOM свойство для доступа к смежной ячейке.

this.previousSibling.value даст вам предыдущее значение ячейки и this.nextSibling.value даст вам следующее значение ячейки.