【问题标题】:Validate an array of inputs bootstrap validator - Laravel 5.2验证输入数组引导验证器 - Laravel 5.2
【发布时间】:2017-06-02 21:03:21
【问题描述】:

我在客户端验证输入数组时遇到问题。 验证看起来不正确。我认为我在做正确的事。 我正在使用插件引导验证器和 laravel 5.2

client-side validation photo:

js代码:

$('#forma').bootstrapValidator({
        message: 'Valor no valido',
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        }, 
        fields: {
            'vtcanp[]': {
                validators: {
                    notEmpty: {
                        message: 'Codigo de moneda requerido'
                    },
                    stringLength: {
                        min: 3,
                        max: 4,
                        message: 'Código debe ser minimo de 3 y maximo 4 caracteres'


                    },
                }
            },
            'vtprep[]': {
                validators: {
                    notEmpty: {
                        message: 'Descripción de moneda requerido'
                    }

                }
            }




        }
    });

表格视图代码:

<td width="17%">
                                        <input type="text" class="form-control" id="cantidad" name="vtcanp[]" /> 

                                    </td>
                                    <td width="17%">
                                        <input type="text" class="form-control" id="precio" name="vtprep[]"/>

                                    </td>

现在它正在验证,但只有一个 tr。当我添加更多 tr 时,它不会验证。

Error tr

【问题讨论】:

    标签: jquery laravel-5.2 bootstrapvalidator


    【解决方案1】:

    试试这个:-

    <form id="formid">
    <div class="form-group" id="validatetr">
        <table>
            <tr>
                <td width="17%">
                <input type="text" class="form-control" id="cantidad" name="vtcanp[]" /> 
                </td>
                <td width="17%">
                <input type="text" class="form-control" id="precio" name="vtprep[]"/>
    
                </td>
            <tr>
        </table>
    </div>
    </form> //manage form according to your structure
    

    现在你动态添加 tr 作为响应添加这个

    var $template = $('#validatetr'),
    $clone    = $template
    $('#formid')
    .formValidation('addField', $clone.find('[name="vtcanp[]"]'))
    .formValidation('addField', $clone.find('[name="vtprep[]"]'))
    

    也从此替换零件的顶部:-

     $('#forma')
        .formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
    

    此链接可能对您有所帮助:- http://formvalidation.io/examples/adding-dynamic-field/

    希望对你有帮助

    【讨论】:

    • 是否包含所有文件(formvalidation.js、bootstrap.min.js 和 bootstrap.min.css)?
    • 是的,我包括了所有,它不是表单validation.js,它是bootstrapvalidator.js
    • 我包含了所有真实文件(formValidation.js、.css 等),但还没有工作)=
    • 现在它正在验证,但只有一个 tr,我需要在所有动态 tr 中进行验证......我用照片更新了我的答案以显示问题
    • 有什么建议吗? :(
    猜你喜欢
    • 1970-01-01
    • 2021-03-06
    • 2017-11-13
    • 2014-09-20
    • 2016-12-29
    • 2016-08-28
    • 2016-04-28
    • 2021-12-07
    相关资源
    最近更新 更多