JavaScript函数未定义 单击按钮时出错

javascript function not defined error on click on a button

本文关键字：出错 按钮 单击 函数 未定义 JavaScript      更新时间：2023-09-26

想象一下下面的MVC父模型：

型： 

Namespace MyProject.SampleModel
{
     public class ViewModelExample {
           public FirstModel BoolValues { get; set; }
           public SecondModel NamesValues { get; set; }
     }
}
Namespace MyProject.SampleModel
{
   public class FirstModel
   {
     public bool MyBoolean1 { get; set; }
     public bool MyBoolean2 { get; set; }
   }
   public class SecondModel
   {
     public string FirstName { get; set; }
     public string LastName { get; set; }
   }
}

视图：

@model MyProject.SampleModel.ViewModelExample
@using (Html.BeginForm("MyAction", "MyController", FormMethod.Post, htmlAttributes: new { id = "Myform" }))
{
   (...)
   @Html.CheckBoxFor(m => m.BoolValues.MyBoolean1)
   (...)
    <input id="submitButton" type="button" value="Add" onclick="InitiateSequence();" />
   (...)
}
<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
      (...)
      function InitiateSequence()
      {
            // Do some stuff
      }
      (...)
      function ScriptSample() {
            if(@(Model.BoolValues.MyBoolean1 ? "true" : "false")
            {
                 // It's true, do some stuff
            }
            else
            {
                 // It's false, do some stuff
            }
      }
</script>

控制器：

public ActionResult MyAction(ViewModelExample model)
        {
            model.FirstModel = new TestsModel(); // I do not instantiate SecondModel as in the view for this controller i do not use it
            return View(model);
        }

页面加载正确，但是当我单击按钮时，它说javascript函数InitiateSequence未定义。发生了什么事情？

这可能是因为函数很可能出现在不应该出现的地方。也不要使用内联属性来绑定处理程序，请使用事件绑定而不是内联处理程序。

<input id="submitButton" type="button" value="Add" />

和 

<script type="text/javascript">
  (...) //whatever code
  $(function(){
     $('#submitButton').on('click', InitiateSequence);
  });
相关文章：