Клавиша ввода вызывает неверную кнопку отправки

Question

Я работаю над приложением MVC. Каждая из двух таблиц имеет отдельную кнопку отправки. Таблица1 имеет по умолчанию отправить на клавишу ввода. Как изменить кнопку отправки на основе фокуса текстового поля?

<table>
...<td align="left"><%= Html.TextBox("name")%></td>
...<input id="nameSubmit" name="NameSubmit" type="submit" value="Search"/>
</table>
<table>
...<td align="left"><%= Html.TextBox("idNum")%></td>
...<input id="idSubmit" name="IdSubmit" type="submit" value="Search"/>
</table>

Я пытался использовать панель, но «DefaultButton для Panel1 должен быть идентификатором элемента управления типа IButtonControl».

Есть идеи?

Answer 1

Если вы заключите каждую отправку в теги <form>, которые должны помочь определить, какая отправка была нажата следующим образом:

<table>
    <form id="form1">
        <td align="left"><input id="name" /></td>
        <input id="nameSubmit" name="NameSubmit" type="submit" value="Search"/>
    </form>       
</table>
<table>
    <form id="form2">
        <td align="left"><input id="number" /></td>
        <input id="idSubmit" name="IdSubmit" type="submit" value="Search"/>
    </form>
</table>

Это приведет к тому, что любые нажатия Enter, пока текстовое поле было сфокусировано, будут отправлены соответствующейform.

Здесь - демонстрация этой работы, надеюсь, она вам поможет.