所以,我正在使用formvalidator.net的jquery验证,但我在移动错误消息时遇到问题(显示如何http://formvalidator.net/index.html#configuration_position)。
我已经关注它并且它不起作用,我一直试图修复它一段时间,我无法让它工作。我的代码如下。如果它有效,则应该有一个错误框,将表格上方的两个错误组合在一起,如下所示。
我可能会做一些非常愚蠢的事情,但我被困住了。 注意:我尝试使用该代码段,但它不起作用。
$.validate({
validateOnBlur: false, // disable validation when input looses focus
errorMessagePosition: 'top' // Instead of 'element' which is default
scrollToTopOnError: false // Set this property to true if you have a long form
});
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://raw.githubusercontent.com/victorjonsson/jQuery-Form-Validator/master/form-validator/theme-default.css" rel="stylesheet" />
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.8/jquery.form-validator.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<form class="form">
<div class="form-group">
<input class="form-control" type="text" data-validation="required">
</div>
<div class="form-group">
<textarea class="form-control" rows="2" data-validation="required"></textarea>
</div>
<div class="form-group">
<button id="submit" type="submit" class="btn btn-primary btn-lg btn-block">Submit</button>
</div>
</form>
答案 0 :(得分:0)
我想你需要向上移动jquery库:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.8/jquery.form-validator.min.js"></script>
因为jquery.form-validator.min.js
文件是为了与jQuery一起使用而编写的,所以你需要在验证插件文件之前加载jquery。