2

我尝试按照jqBootstrapValidation站点上的说明进行操作，但无法获得一个简单的示例。我选择了电子邮件验证。不知道可能出了什么问题，但我怀疑它可能是安装说明的第 2 步，我将其包含在下面示例的底部。

<form class="form-horizontal">
<div class="control-group">
<label class="control-label">Email address</label>
<div class="controls">
<input type="email" />
<p class="help-block"></p>
</div>
</div>
</form>

<!--Scripts-->
<script>
   $(function () { $("input,select,textarea").not("[type=submit]").jqBootstrapValidation(); } );
</script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery -->     
<script src="./js/bootstrap.js"></script>
4

2 回答 2

2

你不包括 jqBootstrapValidation.js ..

下载并在底部包含这一行：

<script src="./js/jqBootstrapValidation.js"></script>

之后或之前：

<script src="./js/bootstrap.js"></script>

但不高于你调用 jQuery 的地方：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

否则它将不起作用，因为 jqBootstrapValidation 需要 jQuery 才能工作

于 2013-11-29T08:57:58.177 回答
1

我认为这个简单的例子会帮助你..

</head>
<body>
    <!------------------------------------------------------------------------------->
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label">Email address</label>
            <div class="controls">
                <input type="email" />
                <p class="help-block"></p>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Type something</label>
            <div class="controls">
                <input type="text" name="some_field" required />
                <p class="help-block"></p>
            </div>
        </div>

        <div class="control-group">
            <label class="control-label">Type a number</label>
            <div class="controls">
                <input type="number" />
                <p class="help-block"></p>
            </div>
        </div>
        <input type="submit" value="enter1"/>
    </form>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <!-- or use local jquery -->
    <script src="/js/jqBootstrapValidation.js"></script>
    <script>

        $(function() {
            $("input,select,textarea").not("[type=submit]").jqBootstrapValidation();
        });

    </script>
    <!-- Bootstrap Core JavaScript -->
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

</body>

于 2015-08-07T19:16:33.707 回答