Question

我也在使用Twitter Bootstrap（第一次）。这是最小化的代码，因此您可以帮助我确定为什么它甚至不会验证功能！我已经工作了好几个小时，我不知道我错过了什么。 Validate.js是从官方插件网站下载的，但是如果我从cdn使用它也是一样。

<head>
<link rel="stylesheet" href="css/bootstrap.css"  type="text/css"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>

    <script>
    $().ready(function() {
          $("#myform").validate({
             rules: {
                 InputName: {
                    required: true
                }
             }
          });
    });
</script>
</head>

<body>
<div class="container">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">

            <form name="myform" id="myform" method="post" action="">
                <label class="control-label" for="InputName">Name:</label>
                <input type="text" class="form-control" name="InputName" placeholder="ex. John">    

            <button type="submit" class="btn btn-default">Submit</button>
            </form>


        </div>
    </div>
</div>

</body>

Answer 1

许多年前，{p> 1）<center> was deprecated。改用CSS。

2）().ready(function({...}))不推荐as per jQuery documentation。请改用$(document).ready(function({...}))或$(function({...}))。

但是，您的代码与您发布的代码完全一致。

DEMO：http://jsfiddle.net/FbAYz/

Answer 2

必须使用https作为src链接而不是http。

Answer 3

从我的表单标记中删除css类名称解决了我遇到的类似问题。

我在validate-form标记中有一个“<form>”类。

Answer 4

尝试使用此

<script>
    $(document).ready(function() {
          $("#myform").validate({
             rules: {
                 InputName: {
                    required: true
                }
             }
          });
    });
</script>
/*Instead of */

  <script>
    $().ready(function() {
          $("#myform").validate({
             rules: {
                 InputName: {
                    required: true
                }
             }
          });
    });
</script>

Answer 5

如果一切正确但仍未进行验证尝试使用debug：true选项

$("#myForm").validate({
  debug: true
});

重新加载页面并检查控制台是否存在任何可能的错误``

jQuery验证无法正常工作（包括Bootstrap表单）

5 个答案: