如何让jqBootstrapValidation表单示例正常工作？
如何让jqBootstrapValidation表单示例正常工作？
提问于 2013-10-30 21:31:10
我尝试按照jqBootstrapValidation站点上的说明进行操作，但无法获得一个简单的示例。我选择了电子邮件验证。不确定可能是哪里出了问题，但我怀疑可能是安装说明中的第二步，我将其包含在下面示例的底部。
<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>回答 2
Stack Overflow用户
发布于 2013-11-29 16:57:58
您没有包括jqBootstrapValidation.js..
download，并在底部包含以下行：
<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才能工作
Stack Overflow用户
发布于 2015-08-08 03:16:34
我想这个简单的例子会对你有所帮助。
</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>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19683656
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号