表单 – Twitter的Bootstrap表单验证 - 代码日志

表单 – Twitter的Bootstrap表单验证

Possible Duplicate:
07000

尝试使用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>

并且它不突出显示具有引导错误样式的字段。有什么想法我错了吗?提前致谢。

我在做类似的工作,所以我想我可以帮助你。
首先,jQuery-Live-Form-Validation-For-Twitter-Bootstrap库相当老(2009年9月)。
它使用版本1.3.2的jQuery(最新的是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 BootstrapjQuery Validation Plugin组合。
我现在正在努力,它的工作完美。

http://stackoverflow.com/questions/9713369/twitters-bootstrap-form-validation

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:表单 – Twitter的Bootstrap表单验证