jQuery验证不适用于mvc答案

【问题标题】：jquery validation not working with mvcjQuery验证不适用于mvc
【发布时间】：2023-03-19 20:10:01
【问题描述】：

我正在尝试向我的网页添加一个简单的 jquery 验证，但不会触发验证错误。当我尝试与提琴手相同时，它按预期工作。 http://jsfiddle.net/qUYvS/381/

$("#form-wrap form").validate({
      rules: {
          Link: {
              required: true,
              url: true
          }
      },
      messages: {
          Link: {
              url: "Enter valid Url"
          }
      },
      submitHandler: function (form) {
          alert('valid form');
          form.submit();
      }
  });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
 <script type='text/javascript' src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
    
<div id="form-wrap">
<form action="#" method="post"><input name="__RequestVerificationToken" type="hidden" value="GL-DZaLE0C8unpgVgzCSNK4ltxZZTPjI_O-oM4K01GBrnePo31eqlAeBgDHIVk5XwmqABEJh6h077x9nXu5JyCU5nv_TKWXZHfbfiAH-tvCXh6_1cARsW2cOj11P-IwmP9RiSeAl9WyyOOKV7dMhYg2" />        <div class="form-horizontal">      
            <div class="form-group">
                <label class="control-label col-md-2" for="Link">Link</label>
                <div class="col-md-10">
                    <input class="form-control text-box single-line" id="Link" name="Link" type="text" value="" />
                    <span class="field-validation-valid text-danger" data-valmsg-for="Link" data-valmsg-replace="true"></span>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-offset-2 col-md-10">
                    <input type="submit" value="Create" class="btn btn-default" />
                </div>
            </div>
        </div>
</form></div>

这是渲染包的顺序

<script src="/Scripts/jquery-1.10.2.js"></script>

<script src="/Scripts/jquery.validate.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.bootstrap.js"></script>
<script src="/Scripts/site/myscript-1.0.js"></script>

我不确定为什么它在 fiddler 中无法与我的网页一起使用。我在这里缺少什么？

【问题讨论】：

你试过这个 src="@Url.Content("pathofthescript")"

标签： jquery asp.net-mvc

【解决方案1】：

我终于发现我错过了删除_layout.cshtml标签下的以下脚本渲染行。

  @Scripts.Render("~/bundles/jquery")
  @Scripts.Render("~/bundles/bootstrap")
  @RenderSection("scripts", required: false)

当我删除这些时它工作正常..

【讨论】：

【解决方案2】：

T最好的办法，你可以在firefox中使用fire bug插件，在internet explorer中调试或者在windows中使用edge浏览器10.

so for download fire bug click here.

在this link你可以看到文档页面。

【讨论】：

【解决方案3】：

如果您想自己编写有效规则，请不要引用 jquery.validate.unobtrusive.js
它会在页面加载时添加验证自动
在 jquey.validate js 中，它会检查验证是否存在，如果为真，它什么也不做。
如果要添加更多规则，可以使用 $(...).rules("add",{...})
检查文档http://jqueryvalidation.org/rules
我之前回答过另一个问题，jQuery Unobtrusive client-side validation of custom attribute，你可以看到这个

【讨论】：