所以我有一个谷歌地图,用户选择他们的位置,我试图通过填充隐藏的输入字段来验证他们已经选择了一个位置。我能够使用不同的验证引擎,但现在需要它与parsley一起工作。
如果用户没有选择位置,我需要它来显示错误消息,与所有其他验证一样。我所有的其他验证都有效,所以我怀疑它是我的语法。就隐藏的输入字段而言,我对欧芹文档感到有点困惑。
这是我的HTML:
<div class="col-md-6">
<!-- WIDGET GOOGLE MAP -->
<div class="widget">
<div class="widget-header" style="height: 115px;">
<h3><i class="fa fa-globe"></i> Part II: Click & drag to select your location <small>(Your actual location will never be stored or shared. It will always be randomized within a five (5) mile radius when shown to other users)</small></h3>
<em>- custom styled google map</em>
</div>
<div class="widget-content no-padding" style="height: 300px;" >
<div class="google-map">
<div id="register-map-canvas" style="height: 300px;"></div>
</div>
</div>
<div class="widget-content">
<div class="form-group">
<input type="hidden" name="homelat" id="latFld" required data-parsley-errors-container="#error-map"/> <!--the homelat input field is below the map only because it looks silly with two adjacent error messages-->
</div>
<div class="form-group">
<input type="hidden" name="homelng" id="lngFld" />
</div>
<p id="error-map"></p>
<button class="btn btn-primary btn-block" type="submit">Register</button>
<button type="submit" class="btn btn-primary">Validate</button>
</div>
</div>
<!-- END WIDGET GOOGLE MAP -->
</div>
正如您所看到的,我正在尝试在小部件框中的地图下方弹出错误消息。
我填充了latFld和lngFld输入,但只验证其中一个,以便只生成一条错误消息。但遗憾的是,我无法通过验证。我知道这些领域正在填充。
答案 0 :(得分:1)
在js parsley文件(〜第195行)中你必须排除:放入评论或删除输入的行[type = hidden]'
var ParsleyDefaults = {
// ### General
// Default data-namespace for DOM API
namespace: 'prsly-',
// Supported inputs by default
inputs: 'input, textarea, select',
// Excluded inputs by default
excluded: 'input[type=button], input[type=submit], input[type=reset]',
//input[type=hidden]',