[英]JavaScript/Ionic2 - Why I can't retrieve the localStorage value?
[英]Why can't I retrieve the value of my hidden field in javascript
從我的 Index_view.cshtml 中,我有一個模式,它將在我的 controller 中呈現以下操作:
注意這一行:
public ActionResult AddContact()
{
ViewBag.Dataset = 1;
return PartialView();
}
這是我的 AddContact.cshtml
查看隱藏字段,BeginForm 之后的第一行
<input type="hidden" id="dataset_Id" name="datasetId" value="@ViewBag.Dataset">
@model ResearchDataInventoryWeb.Models.Contact
@using (Html.BeginForm())
{
<input type="hidden" id="dataset_Id" name="datasetId" value="@ViewBag.Dataset">
<div class="section_header2">Contact</div>
<div style="padding-top:5px;">
<table>
<tr>
<td>
<span class="display-label">UCID/Booth ID</span>
</td>
<td>
@Html.TextBoxFor(model => model.Booth_UCID, new { placeholder = "<Booth/UCID>", @class = "input-box" })
</td>
</tr>
<tr>
<td>
<span class="display-label">Type*</span>
</td>
<td>
<select class="input-box" id="contact_type">
<option value="0">Contact Type</option>
<option value="1">Dataset Admin</option>
<option value="2">Dataset Provider</option>
<option value="3">Department</option>
<option value="4">External Collaborator</option>
<option value="5">Principal Investigator</option>
<option value="6">Research Center</option>
<option value="7">Vendor</option>
</select>
<label id="contactTypeError" class="text-danger" style="display:none;">Please select a Contact Type</label>
</td>
</tr>
<tr>
<td>
<span class="display-label">Name*</span>
</td>
<td>
@Html.TextBoxFor(model => model.First_Name, new { placeholder = "<First Name>", @class = "input-box-modal" })
<label id="firstNameError" class="text-danger" style="display:none;">First name is a required field</label>
@Html.TextBoxFor(model => model.Last_Name, new { placeholder = "<Last Name>", @class = "input-box-modal" })
<label id="lastNameError" class="text-danger" style="display:none;">Last name is a required field</label>
</td>
</tr>
<tr>
<td>
<span class="display-label">Email</span>
</td>
<td>
@Html.TextBoxFor(model => model.Email, new { placeholder = "<Email 1>", @class = "input-box-modal" })
<label id="emailError" class="text-danger" style="display:none;">Email is a required field</label>
@Html.TextBoxFor(model => model.Email_2, new { placeholder = "<Email 2>", @class = "input-box-modal" })
</td>
</tr>
<tr>
<td>
<span class="display-label">Phone</span>
</td>
<td>
@Html.TextBoxFor(model => model.Phone_Number, new { placeholder = "<Phone 1>", @class = "input-box-modal" })
<label id="phoneNumberError" class="text-danger" style="display:none;">Phone Number is a required field</label>
@Html.TextBoxFor(model => model.Phone_Number_2, new { placeholder = "<Phone 2>", @class = "input-box-modal" })
</td>
</tr>
<tr>
<td>
<span class="display-label">Job Title</span>
</td>
<td>
@Html.TextBoxFor(model => model.Title_Role, new { placeholder = "<Job Title>", @class = "input-box" })
</td>
</tr>
<tr>
<td>
<span class="display-label">Organization</span>
</td>
<td>
<input class="input-box" type="text" placeholder="<Organization>" />
</td>
</tr>
</table>
<div style="padding-left:10px; margin-top:10px;">
<textarea rows="3" placeholder="Notes"></textarea>
</div>
</div>
<div class="centerButton" style="margin-top: 30px;">
<div style="margin-left:30px">
<submit id="btnSubmit" class="btn btn-default btn-sm" style="padding:14px"><span class="smallText_red" style="padding:30px">SAVE</span></submit>
</div>
<div style="margin-left:30px">
<submit class="btn btn-default btn-sm" style="padding:14px"><span class="smallText_red" style="padding:30px">REMOVE</span></submit>
</div>
</div>
}
這是我的 javascript
注意腳本中的行
var datasetId = $("#dataset_Id").val();
alert("dataset is " + datasetId)
<script>
$(function () {
$('#contactForm1').removeData('validator');
$('#contactForm1').removeData('unobtrusiveValidation');
$.validator.unobtrusive.parse('#contactForm1');
function validation() {
var contactTypeVar = $("#contact_type").val();
var firstNameVar = $("#First_Name").val();
var lastNameVar = $("#Last_Name").val();
var emailVar = $("#Email").val();
var phoneNumberVar = $("#Phone_Number").val();
// Contact Type
if (contactTypeVar == "0") {
$('#contactTypeError').css("display", "block")
return false
} else {
$('#contactTypeError').css("display", "none")
return true
}
// First Name
if (firstNameVar == "") {
$('#firstNameError').css("display", "block")
return false
} else {
$('#firstNameError').css("display", "none")
return true
}
// Last Name
if (lastNameVar == "") {
$('#lastNameError').css("display", "block")
return false
} else {
$('#lastNameError').css("display", "none")
return true
}
// Email
if (emailVar == "") {
$('#emailError').css("display", "block")
return false
} else {
$('#emailError').css("display", "none")
return true
}
// Phone Number
if (phoneNumberVar == "") {
$('#phoneNumberError').css("display", "block")
return false
} else {
$('#phoneNumberError').css("display", "none")
return true
}
}
$("#btnSubmit").click(function (e) {
var formValid = validation();
if (formValid) {
var booth_ucid = $("#Booth_UCID").val();
var contact_type = $("#conact_type").val();
var first_name = $("#First_Name").val();
var last_name = $("#Last_Name").val();
var email = $("#Email").val();
var email2 = $("#Email_2").val();
var phone = $("#Phone_Number").val();
var phone2 = $("#Phone_Number_2").val();
var title_role = $("#Title_Role").val();
**var datasetId = $("#dataset_Id").val();**
**alert("dataset is " + datasetId)**
var categoryId = $("#contact_type").val();
var data = new FormData;
data.append("datasetid", datasetId);
data.append("Booth_UCID", booth_ucid);
data.append("First_Name", first_name);
data.append("Last_Name", last_name);
data.append("Email", email);
data.append("Email_2", email2);
data.append("Phone_Number", phone);
data.append("Phone_Number_2", phone2);
data.append("Title_Role", title_role);
// var frm = $('#contactForm1').serialize()
$.ajax({
type: "POST",
url: "/Dataset/AddContact/",
data: data,
contentType: false,
processData: false,
success: function (ajaxRespond) {
if (ajaxRespond.dbUpdateResult == "success") {
$("#myModal").modal("hide");
reloadContactLinks()
}
}
})
}
})
})
</script>
@Scripts.Render("~/bundles/jqueryval")
不斷返回:
我能夠糾正這個問題。 事實證明,模態框上隱藏字段的“#dataset_Id”與主屏幕具有相同的“#dataset_Id”。 一旦我將模式上的“#dataset_Id”更改為“#contact_dataset_Id”,我就能夠檢索隱藏字段的值。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.