Hi, I am using a form that containes 3 AJAX.BEGINFORM
On button submit end I will call a function which will be returned in OnSuccess. If i use multiple Onsucess data is submitted twice is there any possible solution for this issue.
callfunction1(); is for form1
callfunction2(); - form2
callfunction3(); - form3
how to call functions on each form submit
@using (Ajax.BeginForm("gippy", "Home",new AjaxOptions{OnSuccess = "OnSuccess",OnFailure = "OnFailure"},new { @id = "form1"}))
{
<input type="text" id="txt1" />
<input type="submit" value="Click" />
}
@using (Ajax.BeginForm("holiday", "Home",new AjaxOptions{OnSuccess = "OnSuccess",OnFailure = "OnFailure"},new { @id = "form2"}))
{
<input type="text" id="txt2" />
<input type="submit" value="Click" />
}
@using (Ajax.BeginForm("regs", "Home",new AjaxOptions{OnSuccess = "OnSuccess",OnFailure = "OnFailure"},new { @id = "form3"}))
{
<input type="text" id="txt3" />
<input type="submit" value="Click" />
}
@section Scripts
{
<script src="~/js/jquery.unobtrusive-ajax.min.js"></script>
<script type="text/javascript">
function OnSuccess(response) {
callfunction1();
}
function OnFailure(response) {
alert("Error occured.");
}
</script>
}
Thanks, R