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

时间:2017-06-02 21:03:21

标签: jquery laravel-5.2 bootstrapvalidator

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

client-side validation photo:

js code:

$('#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&#39;没有验证。

Error tr

1 个答案:

答案 0 :(得分:0)

试试这个: -

<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/

希望有所帮助