OnSubmit = false triggering another form on the page

Question

I have 2 forms on the same MVC page. They look like this :

    @using (Html.BeginForm("InstructionSearch", "Search", FormMethod.Post, new { }))
        {
        }        

and

    @using (Html.BeginForm("ECN", "Search", new { id = "searchForm", onsubmit = "return checkFormEcn()" }))
        { 
        }

They're following each other in the code, so, no nest here ;)

So, i'd like to prevent the second one (With "ECN"), from beeing submited when my checkFormEcn returns false.

This is alright, but when the 2nd form's submit is denied by my javascript function, my first form (With "Search") is automatically submitted, without touching anything.

Any idea of how i could prevent this ?

Answer 1

If you also don't want the first form to submit when the second one doesn't submit then add this to the first form:

onsubmit = "return checkFormEcn()"


@using (Html.BeginForm("InstructionSearch", "Search", FormMethod.Post, new { onsubmit = "return checkFormEcn()" }))
{
}        

Answer 2

i think u can easy have HTML button outside the form and onclick event you submit form

search

@using (Html.BeginForm("ECN", "Search", new { id = "searchForm" })) {

}

same as InstructionSearch form