Razor Pages POST несколько форм с привязкой модели - PullRequest
Новая
       94

Razor Pages POST несколько форм с привязкой модели

0 голосов
/ 21 марта 2020

У меня есть несколько форм на одной странице бритвы, которые я хочу разместить после нажатия одной кнопки. Я попытался использовать функцию javascript, которая бы .submit () использовала обе формы (помещается в onclick = кнопки), но только значения одной формы были фактически переданы на серверный метод OnPost (). Вот соответствующий код из .cs html и .cs файлов:

StudentMain.cs html

<!--first form-->
<form class="login100-form" method="post">
    <span class="login100-form-title" style="padding-bottom: 38px">
          Student Information
    </span>
    <div class="wrap-input100">
        <input class="input100 has-val" type="text" name="name" value='@ViewData["name"]' readonly/>
        <span class="focus-input100" data-placeholder="Student Name"></span>
    </div>

    ...more divs/inputs as above

</form>

<!--second form-->
<form class="login100-form" method="post">
    <div class="wrap-input100">
        <select class="input100 select" name="eduplan" selectedval='@ViewData["eduplan"]'>
            <option disabled selected value style="display:none"/>
            <option>High School Diploma</option>
            <option>Technical Training</option>
            <option>Associate Degree</option>
            <option>Bachelor's Degree</option>
            <option>Advanced Degree</option>
            <option>Military</option>
            <option>Other</option>
        </select>
        <span class="focus-input100" data-placeholder="Education Plan"></span>
    </div>

    ...more divs/selects as above

    <div class="container-login100-form-btn">
        <div class="wrap-login100-form-btn">
        <div class="login100-form-bgbtn"></div>
            <button class="login100-form-btn" type="submit">
                Save
            </button>
        </div>
    </div>
</form>

StudentMain.cs html .cs 

public class StudentMain : PageModel
{
     public void OnPost(string eduplan, string college, string major, string careerpath, string ethnicity, string gender, string ncaa, string firstgen, string onlineinterest)
     {
          Database.SaveStudentData(eduplan, college, major, careerpath, ethnicity, gender, ncaa, firstgen, onlineinterest);
     }
}

Итак, как лучше всего это сделать go? Как я могу убедиться, что значения из обеих форм передаются в метод OnPost () одновременно? Нужно ли использовать AJAX в каком-то качестве? Любая помощь приветствуется.

...