Почему моя кнопка onClick () вызывает метод HttpPost в моем контроллере? - PullRequest
Новая
       10

Почему моя кнопка onClick () вызывает метод HttpPost в моем контроллере?

0 голосов
/ 17 сентября 2018

У меня есть кнопка, которая onClick () выполняет JS-скрипт, но по какой-то причине он продолжает выполнять мой метод SubmitForm () Action в моем контроллере, и я не понимаю, почему 

  @using (Html.BeginForm("SubmitForm", "Home", FormMethod.Post,

                new
                {
                    traName = Request.Form["nameOfTra"],
                    amount = Request.Form["amountRequested"],
                    memberName = Request.Form["commiteeMember"],
                    date = Request.Form["agmDate"],
                    signed = Request.Form["signed"],
                    dated = Request.Form["dated"],
                    numberOfRows =  Request.Form["numberOfRows"]

}))
{
<h1 style="text-align: center;"> TRA grant application </h1>
<h4 style="text-align: center;">This is the TRA Grant form for the association named below who agree to use these funds to cover the cost of administration of the TRA</h4>
<p>
    <label for="nameOfTralbl">Name of TRA:</label>
    <input type="text" name="nameOfTra" value="" />
</p>
<h4> List of items the money will be spent on</h4>

<table id="traTable">
    <tr>
        <td>Description of Items</td>
        <td>Quantity</td>
        <td>Cost</td>
    </tr>
    <tr>
        <td><input type='text' size="30" /></td>
        <td><input type='text' size="30" /></td>
        <td><input type='text' size="30" /></td>
    </tr>
</table>
<br />
<button onclick="addRow()">Add Item</button>
<input type="hidden" id="rows" value="1" name="numberOfRows" />

<script>
    function addRow() {
        var table = document.getElementById("traTable");
        var row = table.insertRow(-1);
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);

        cell1.innerHTML = "<input type='text' size='30' id='cell1_" + $('#rows').val() + "'/>";
        cell2.innerHTML = "<input type='text' size='30' id='cell2_" + $('#rows').val() + "'/>";
        cell3.innerHTML = "<input type='text' size='30' id='cell3_" + $('#rows').val() + "'/>";
        $('#rows').val(parseInt($('#rows').val()) + 1)

    }
</script>

 public ActionResult SubmitForm(string traName,  float? amount,
            string memberName, string date, string signed, string dated, int? numberOfRows, HttpPostedFileBase file, HttpPostedFileBase file2, HttpPostedFileBase file3){}

У меня есть некоторая дополнительная логика в моем действии Submitform (), которую я не хочу выполнять, я не понимаю, почему он продолжает вызывать это действие, которое он должен просто вызвать сценарий.

1 Ответ

0 голосов
/ 17 сентября 2018

Вы не объявили кнопку отправки в свой SubmitForm (). Добавьте внутрь FormBegin кнопку отправки: 

<input type="submit" value="Submit Button" />

@ Edit:

Изменение: 

<button onclick="addRow()">Add Item</button>

Кому: 

<input type="button" onclick="addRow()" value="Add Item"/>
...