为什么可以';t我在javascript中检索隐藏字段的值

为什么可以';t我在javascript中检索隐藏字段的值,javascript,jquery,asp.net-mvc,Javascript,Jquery,Asp.net Mvc,从我的Index_view.cshtml中,我有一个模式,它将在我的控制器中呈现以下操作: 注意这一行: public ActionResult AddContact() { ViewBag.Dataset = 1; return PartialView(); } 这是我的AddContact.cshtml 请参见隐藏字段,BegInfo之后的第一行 <input type

从我的Index_view.cshtml中,我有一个模式,它将在我的控制器中呈现以下操作:

注意这一行:

 public ActionResult AddContact()
            {
                ViewBag.Dataset = 1;
                return PartialView();
            }
这是我的AddContact.cshtml

请参见隐藏字段,BegInfo之后的第一行

 <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>

}

@模型研究DataInventoryWeb.Models.Contact
@使用(Html.BeginForm())
{
接触
UCID/展位ID
@Html.TextBoxFor(model=>model.Booth_UCID,新的{placeholder=“”,@class=“input box”})
类型*
接触式
数据集管理员
数据集提供程序
部门
外部合作者
首席调查员
研究中心
小贩
请选择联系人类型
名字*
@Html.TextBoxFor(model=>model.First_Name,新的{placeholder=“”,@class=”输入框模式“})
名字是必填字段
@Html.TextBoxFor(model=>model.Last_Name,新的{placeholder=“”,@class=”输入框模式“})
姓氏是必填字段
电子邮件
@Html.TextBoxFor(model=>model.Email,新的{placeholder=“”,@class=”输入框模式“})
电子邮件是必填字段
@Html.TextBoxFor(model=>model.Email_2,新的{placeholder=“”,@class=”输入框模式“})
电话
@Html.TextBoxFor(model=>model.Phone_Number,新的{placeholder=“”,@class=”输入框模式“})
电话号码是必填字段
@Html.TextBoxFor(model=>model.Phone_Number_2,新的{placeholder=“”,@class=“input box model”})
职位名称
@Html.TextBoxFor(model=>model.Title_角色,新的{placeholder=“”,@class=“input box”})
组织机构
拯救
去除
}
这是我的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")
var datasetId=$(“#dataset_Id”).val();
警报(“数据集为”+数据集ID)
$(函数(){
$(“#contactForm1”).removeData('validator');
$(“#contactForm1”).removeData(“不引人注目的验证”);
$.validator.unobtrusive.parse(“#contactForm1”);
函数验证(){
var contactTypeVar=$(“#contact_type”).val();
var firstNameVar=$(“#First_Name”).val();
var lastNameVar=$(“#姓氏”).val();
var emailVar=$(“#Email”).val();
var phoneNumberVar=$(“#电话号码”).val();
//接触式
如果(contactTypeVar==“0”){
$('#contactTypeError').css(“显示”、“块”)
返回错误
}否则{
$('#contactTypeError').css(“显示”、“无”)
返回真值
}
//名字
如果(firstNameVar==“”){
$('#firstNameError').css(“显示”、“块”)
返回错误
}否则{
$('#firstNameError').css(“显示”、“无”)
返回真值
}
//姓
如果(lastNameVar==“”){
$('#lastnamererror').css(“显示”、“块”)
返回错误
}否则{
$('#lastnamererror').css(“显示”、“无”)
返回真值
}
//电子邮件
如果(emailVar==“”){
$('#emailError').css(“显示”、“块”)
返回错误
}否则{
$('#emailError').css(“显示”、“无”)
返回真值
}
//电话号码
如果(phoneNumberVar==“”){
$('#phoneNumberError').css(“显示”、“块”)
返回错误
}否则{
$('#phoneNumberError').css(“显示”、“无”)
返回真值
}
}
$(“#btnsupmit”)。单击(函数(e){
var formValid=validation();
如果(格式有效){
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=$(“#电话号码”).val();
var phone2=$(“#Phone_Number_2”).val();
var title_role=$(“#title_role”).val();
**var datasetId=$(“#datase