如何解决如何设置表单Reivew页面-jQuery步骤 旅行请求
我正在使用asp.net核心以及jQuery Steps插件。我有三种要提交的表格,它们可以正常工作,但是我不确定如何继续查看页面。我想要它,以便用户可以查看每个表单并检查错误。
编辑 审阅页面应显示用户填写的所有表格。这样一来,用户可以查看自己填写的表单的视图,如果表单中有任何错误或遗漏某些东西,他们可以单击上一个按钮,然后移回有错误的表单。
CODE 跳过
旅行请求
<div class="row px-2 mx-2 backgroundWhite border">
<div class="col-8 pt-3">
<h4>
Travel Request Form
@*<button href="#" class="btn btn-xs btn-success" id="skipTravel">Skip</button>*@
</h4>
<label asp-for="TravelRequestObj.TravelRequest.EmployeeId"></label>
@Html.DropDownListFor(m => m.TravelRequestObj.TravelRequest.EmployeeId,Model.TravelRequestObj.EmployeeList,"Please select an Employee",new { @class = "form-control" })
@* We're going to try adding a id here
we might be able to handle our validation here
so then we can fill out the forms as we need*@
@* Supervisor Name *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.Approver1_Name"></label>
<input id="approverName1" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.Approver1_Name" />
@*<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.Approver1_Name"></span>*@
@* Destination *@
<label asp-for="TravelRequestObj.TravelRequest.Destination"></label>
<input id="destination" class="form-control" asp-for="TravelRequestObj.TravelRequest.Destination" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.Destination"></span>
@* DepartureDate *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.DepartureDate"></label>
<input id="departDate" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.DepartureDate" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.DepartureDate"></span>
@* Return Date *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.ReturnDate"></label>
<input id="returnDate" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.ReturnDate" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.ReturnDate"></span>
@* PerDiem *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.PerDiem"></label>
<input id="perDiem" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.PerDiem" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.PerDiem"></span>
@* NumberOfVacationDays *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.NumberOfVacationDays"></label>
<input id="numVacationDays" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.NumberOfVacationDays" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.NumberOfVacationDays"></span>
@* DeptBudget *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.DeptBudget"></label>
<input id="deptBudget" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.DeptBudget" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.DeptBudget"></span>
@* Flight *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.Flight"></label>
<input id="flight" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.Flight" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.Flight"></span>
@* Accomodation *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.Accomodation"></label>
<input id="accomodation" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.Accomodation" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.Accomodation"></span>
@* RentalCar *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.RentalCar"></label>
<input id="rentalCar" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.RentalCar" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.RentalCar"></span>
@* BillabletoClient *@
<label asp-for="TravelRequestObj.TravelRequest.TravelInfo.BillabletoClient"></label>
<input id="billabletoClient" class="form-control" asp-for="TravelRequestObj.TravelRequest.TravelInfo.BillabletoClient" />
<span class="text-danger" asp-validation-for="TravelRequestObj.TravelRequest.TravelInfo.BillabletoClient"></span>
</div>
</div>
</section>
<h3>Training Request</h3>
<section class="container" style="overflow-y: scroll; height:550px">
<div class="row px-2 mx-2 backgroundWhite border">
<div class="col-8 pt-3">
<h4>Training Request Form</h4>
<label asp-for="TrainingRequestObj.TrainingRequest.EmployeeId">Employee</label>
@Html.DropDownListFor(m => m.TrainingRequestObj.TrainingRequest.EmployeeId,Model.TrainingRequestObj.EmployeeList,new { @class = "form-control" })
@*<span class="text-danger" asp-validation-for="TrainingRequestObj.TrainingRequest.EmployeeId"></span>*@
@* Job Title *@
<label asp-for="TrainingRequestObj.TrainingRequest.JobTitle"></label>
<input id="jobTitle" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.JobTitle" />
@* Course Name *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.CourseName"></label>
<input id="courseName" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.CourseName" />
@* Offered By *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.OfferedBy"></label>
<input id="offeredBy" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.OfferedBy" />
@* Location *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.Location"></label>
<input id="location" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.Location" />
@* Fees *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.Fees"></label>
<input id="fees" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.Fees" />
@* Start Date *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.StartDate"></label>
<input id="startDate" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.StartDate" />
@* End Date *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.EndDate"></label>
<input id="endDate" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.EndDate" />
@* Registration Deadline *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.RegistrationDeadline"></label>
<input id="regDeadline" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.RegistrationDeadline" />
@* Job Relation *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.JobRelation"></label>
<input id="flight" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.JobRelation" />
@* Training Type *@
<label asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.TrainingType"></label>
<input id="trainingType" class="form-control" asp-for="TrainingRequestObj.TrainingRequest.TrainingInfo.TrainingType" />
</div>
</div>
</section>
<h3>Conference Request</h3>
<section class="container" style="overflow-y: scroll; height:550px">
<div class="row px-2 mx-2 backgroundWhite border">
<div class="col-8 pt-3">
<h4>Conference Request Form</h4>
<label asp-for="ConferenceRequestObj.ConferenceRequest.EmployeeId"></label>
@Html.DropDownListFor(m => m.ConferenceRequestObj.ConferenceRequest.EmployeeId,Model.ConferenceRequestObj.EmployeeList,new { @class = "form-control" })
@* Job Title *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.JobTitle"></label>
<input id="jobTitleConf" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.JobTitle" />
@* Supervisor *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.Supervisor"></label>
<input id="supervisor" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.Supervisor" />
@* Conference Name *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.ConfName"></label>
<input id="confName" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.ConfName" />
@* Conference Location *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.ConfLocation"></label>
<input id="confLocation" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.ConfLocation" />
@* Offered By *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.OfferedBy"></label>
<input id="offeredBy" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.OfferedBy" />
@* Fees *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.Cost"></label>
<input id="cost" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.Cost" />
@* Start Date *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.StartDate"></label>
<input id="startDate" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.StartDate" />
@* End Date *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.EndDate"></label>
<input id="endDate" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.EndDate" />
@* Registration Deadline *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.RegistrationDeadline"></label>
<input id="regDeadline" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.RegistrationDeadline" />
@* Early Bird Availability *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.EarlyBirdAvability"></label>
<input id="earlyBirdAvailable" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.EarlyBirdAvability" />
@* Early Bird Deadline *@
<label asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.EarlyBirdRegistrationDeadline"></label>
<input id="earlyBirdDeadline" class="form-control" asp-for="ConferenceRequestObj.ConferenceRequest.tb_ConferenceInfo.EarlyBirdRegistrationDeadline" />
</div>
</div>
</section>
<h3>Review Form Submitions</h3>
<section>
<label>When you are sure click submit to complete form application.</label>
</section>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。