验证输入数组 bootstrap 验证器 - Laravel 5.2

Question

我在客户端验证输入数组时遇到问题。验证看起来不正确。我认为我在做正确的事。我正在使用插件 bootstrap 验证器和 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'
                    }

                }
            }




        }
    });

table查看代码：

<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

Answer 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'
        },

这个 link 可能会对您有所帮助 :- http://formvalidation.io/examples/adding-dynamic-field/

希望对您有所帮助

验证输入数组 bootstrap 验证器 - Laravel 5.2

Validate an array of inputs bootstrap validator - Laravel 5.2

jquery

laravel-5.2

bootstrapvalidator