在 asp.net mvc4 应用程序中使用 Jquery 验证表单

Question

我是Jquery 和asp MVC4 的初学者 我使用 Jquery 验证插件

 <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.js" type="text/javascript">

代码

<script>
      jQuery(document).ready(function() {
          jQuery("#monFormulaire").validate({
              rules: {
                  "reclamation": {
                      "required": true,
                      "minlength": 4,
                      "maxlength": 60000
                  },
                  "cause": {
                      "required": true,
                      "minlength": 4,
                      "maxlength": 60000
                  },

                  "curative": {
                      "required": true,
                      "minlength": 4,
                      "maxlength": 60000
                  },

                  "Closing_date": {
                      "required": true,
                      "minlength": 1,
                      "maxlength": 60000
                  }
              },
              submitHandler: function (form) { /* envoyer Mail*/
                  mailJob();
              }
          });
      });

        <button type="submit" value="Page5" name="btnPage1" style="margin-left:1%" class="backRow" ></button>

  <table border="1"  class="mytab" style="margin: auto;">
      formulaire .
 </table>

</form>

验证以正确的方式运行，但未调用服务器端的 Action 有人有什么想法吗？？？

Answer 1

在您通过客户端验证之前，不会调用服务器端的操作

Answer 2

你的

节点定义是什么？

您是否定义了目标、方法（get/post）？

注意：有时，如果您在表单中发送奇怪的数据（如代码、SQL 等），您可能还需要禁用请求验证。为此，请将 validateRequest="false" 放在 ASPX 文件中的页面定义中：

validateRequest="false" [...] %>

注意 2：如果不是答案，请不要忘记删除 validateRequest="false" - 它可能会给您带来安全问题。

Answer 3

禁用您的客户端验证，并确保当您的表单被提交时，它会在您的控制器上调用带有 HttpPost 属性的操作。

[HttpPost]
public ActionResult YourAction()

一旦这工作正常，重新启用您的客户端验证并添加

@Html.ValidationSummary(false)

如果您可以使用Chrome Dev Tools: Networking and the Console 检查您的流量，也会有所帮助。

编辑：在 mailJob() 函数的末尾添加 form.submit();。您的初始表单提交已被 submitHandler 使用，不再适用于您的表单。