parsley.js隐藏的输入文件未验证

时间:2014-11-16 02:28:17

标签: html5 validation parsley.js

所以我有一个谷歌地图,用户选择他们的位置,我试图通过填充隐藏的输入字段来验证他们已经选择了一个位置。我能够使用不同的验证引擎,但现在需要它与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输入,但只验证其中一个,以便只生成一条错误消息。但遗憾的是,我无法通过验证。我知道这些领域正在填充。

1 个答案:

答案 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]',