2013-07-26 3 views
0

Учитывая вид MVC выглядеть примерно так:Сделайте несколько форм в конфликте ASP.NET MVC?

<form id="Form1"> 
    <label for="LastName"> 
     @Html.DisplayNameFor(m => m.LastName) 
    </label> 
    @Html.EditorFor(m => m.LastName) 
    <button id="SubmitOne" onclick="SubmitOne_Click()">SubmitOne</button> 
</form> 

<form id="Form2"> 
    <label for="LastName2"> 
     @Html.DisplayNameFor(m => m.LastName2) 
    </label> 
    @Html.EditorFor(m => m.LastName2) 
    <button id="SubmitTwo" onclick="SubmitTwo_Click()">SubmitTwo</button> 
</form> 

The javascript functions are irrelevant, this problem also occurs when they are empty or just have an alert. 

Когда SubmitOne нажата, все работает, как ожидалось. Однако при нажатии SubmitTwo вся страница обновляется, что не должно происходить. Если я прокомментирую Form1, то Form2 отлично работает.

Что здесь происходит?

Update: Вот JavaScript:

function SubmitOne_Click() { 
    alert("One"); 
} 

function SubmitTwo_Click() { 
    alert("Two"); 
} 

В качестве шага по устранению неполадок, я раздел взгляд вниз ничего, кроме формы, и сценарий до нуля, а также. У меня есть ссылки на Bootstrap, jqGrid и jQuery в _Layout, но ничего, что в настоящее время использует их в этом представлении.

+0

Кроме этого, form1 нет. Не являются ли формы неправильным способом? Мне действительно нужно локальное взаимодействие с полями. Благодарю. – kettch

+0

Похоже, что комментарий, который я ответил выше, был удален. – kettch

ответ

1

Оказывается, что мне нужно, чтобы добавить атрибут типа в мои кнопки :

<button type="button" id="SubmitTwo" onclick="SubmitTwo_Click()">SubmitTwo</button> 

Это помешало кнопке полностью заполнить форму.

Смотрите также: How to prevent buttons from submitting forms

+0

Извините, я этого не понимал. Хорошая работа по решению вашей проблемы. –

0

Наличие нескольких форм на странице не вызывает никаких проблем, если они не вложены, что не является вашим делом. Я уверен, что проблема действительно в JavaScript.

Пожалуйста, покажите нам соответствующий JavaScript-код.

0

У вас нет вложенных форм, у вас нет одинакового идентификатора, у вас нет ничего подобного. (Так что это хорошо)

Пожалуйста, ваши яваскрипта кода, а также, приятно взглянуть на вашу бритву коде формы наряду с методами контроллера

Смежные вопросы