Javascript 在ASP.NET MVC 5应用程序中窗体有效时触发jQuery函数

我正在创建一个ASP.NET MVC 5应用程序。我需要编写一些jQuery或JavaScript来检查提交表单时应用程序的表单是否有效（使用）。如果表单有效，那么表单需要同时提交并显示一个警告框（目前）。到目前为止，我一直在雕刻我的代码，但它不适合我。此代码运行正常：

$('form').submit(function () {
  alert('test');
});

但这对我不起作用：

$('form').submit(function () {
  if ($(this).valid()) {
    alert('the form is valid');
  }
});

我得到以下错误：

未捕获的TypeError:$（…）。valid不是函数

我不明白为什么这个代码适用于其他人，但它不适用于我。我哪里做错了

---

当表单有效时，如何让提交按钮同时显示警告框和提交表单？

您使用的是哪个版本的jquery？ 当我在chrome浏览器的“网络”选项卡中检查时，我的应用程序使用的是jquery 1.10.2，我也遇到了同样的错误。 jQuery验证器仅适用于1.7.2、1.8.3、1.9.1、1.11.1和3.1.1。 这是根据插件页面-

$（文档）.ready（函数（）{
$（'#sampleForm'）。提交（函数（）{
if（$（this）.valid（））{
警报（“有效”）；
}
否则{
警报（“无效”）；
}
});
});
ASP.NET
ASP.NET是一个免费的web框架，用于使用HTML、CSS和JavaScript构建伟大的网站和web应用程序

---

如果您使用的是VS MVC项目，请检查bundleConfig.cs，它会下载不同版本的jQuery。确保它下载所需版本的jQuery，或在下载jQuery进行测试的配置中注释行。

您使用的是哪个版本的jQuery？ 当我在chrome浏览器的“网络”选项卡中检查时，我的应用程序使用的是jquery 1.10.2，我也遇到了同样的错误。 jQuery验证器仅适用于1.7.2、1.8.3、1.9.1、1.11.1和3.1.1。 这是根据插件页面-

$（文档）.ready（函数（）{
$（'#sampleForm'）。提交（函数（）{
if（$（this）.valid（））{
警报（“有效”）；
}
否则{
警报（“无效”）；
}
});
});
ASP.NET
ASP.NET是一个免费的web框架，用于使用HTML、CSS和JavaScript构建伟大的网站和web应用程序

如果您使用的是VS MVC项目，请检查bundleConfig.cs，它会下载不同版本的jQuery。确保它下载所需版本的jQuery，或在下载jQuery进行测试的配置中注释行

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script>

 <script>
    $(document).ready(function () {

    $('#sampleForm').submit(function () {
        if ($(this).valid()) {
            alert('valid');
        }
        else {
            alert('not valid');
        }
    });
});
</script>
<div class="jumbotron">
  <h1>ASP.NET</h1>
  <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
  <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
</div>

<div class="row">
  <form id="sampleForm">
    <input type="text" />
    <input type="submit" value="Submit" />
  </form>
</div>