Question

可能重复：
How to use Twitter Bootstrap popovers for jQuery validation notifications?

尝试使用bootstrap的样式进行表单验证。

我正在使用这个为bootstrap定制的javascript验证器： https://github.com/ddarren/jQuery-Live-Form-Validation-For-Twitter-Bootstrap

头脑中：

    <link href="bootstrap.css" rel="stylesheet">
    <script src="jquery.validate.js" type="text/javascript">

身体：

    <form id="Form" action="" method="post">
      <div class="control-group">
        <input type="text" class="span3" id="Mobile" placeholder="Mobile
          Phone Number" name="Mobile">
      </div>

      <div class="control-group"> 
        <button type="submit" class="btn btn-primary btn-large">Submit
          </button></p>
      </div>
    </form>

并没有突出显示bootstrap错误样式的字段。我出错的任何想法？提前谢谢。

Answer 1

我正在做类似的事情，所以我想我可以帮助你首先， jQuery-Live-Form-Validation-For-Twitter-Bootstrap 库很旧（2009年9月）。
它使用 jQuery 的版本 1.3.2 （最新版本为1.7.1）并且它根本不使用原始的 Bootstrap 文件！
如果你从 github 网站下载 jQuery-Live-Form-Validation-For-Twitter-Bootstrap （我相信你做了），你可以轻松登记 css 该库的作者写的两个css文件的文件夹回答你的问题，我下载了这个lib，我已经粘贴了你的代码......它确实有用。
简单地说，你需要在头这个（和文件夹中的文件）：

<link rel="stylesheet" type="text/css" href="stylesheets/jquery.validate.css" />
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
<script src="lib/jquery/jquery-1.3.2.js" type="text/javascript">
</script>
<script src="javascripts/jquery.validate.js" type="text/javascript">
</script>

最初取自 jQuery-Live-Form-Validation-For-Twitter-Bootstrap 。
如果您真的想要使用jQuery进行 Twitter Bootstrap表单验证，我建议您使用合并Twitter Bootstrap和jQuery Validation Plugin。
我现在正在努力，它完美无缺。

Twitter的Bootstrap表单验证

1 个答案: