Question

我正在使用bootstrap validator通过Laravel验证我的表单。不知怎的，我无法做到。谁能告诉我一个如何使用这个东西的简单例子？

Answer 1

获取的Github

将dist和vendor文件夹复制到Laravel中 PUBLIC 路径内。

要应用于任何视图按此订单

<强> CSS

<head>
 {{ HTML::style('vendor/bootstrap/css/bootstrap.css') }}
 {{ HTML::style('dist/css/formValidation.css') }}
</head>

<强> JS

<body>
 {{ HTML::script('vendor/jquery/jquery.min.js') }}
 {{ HTML::script('vendor/bootstrap/js/bootstrap.min.js') }}
 {{ HTML::script('dist/js/formValidation.js') }}
 {{ HTML::script('dist/js/framework/bootstrap.js') }}
</body>

<强>推荐

在master.blade.php中放置Css和Js链接，然后在任何视图中使用以下代码！

@extends('master') 
@stop)

使用示例：

@extends('master')

{{ Form::open(['route'=>['sample.store'],'id'=>'sampleForm']) }}

{{ Form::label('title','Title',['class'=>'col-md-3 control-label'])}}
{{ Form::text('title', null, ['class'=>'form-control col-md-4','placeholder'=>'Title'])}}

{{ Form::close() }}


<script>
    $(document).ready(function() {
        $('#sampleForm').formValidation({
            framework: 'bootstrap',
            icon: {
                valid: 'glyphicon glyphicon-ok',
                invalid: 'glyphicon glyphicon-remove',
                validating: 'glyphicon glyphicon-refresh'
            },
            fields: {
                title: {
                    validators: {
                        notEmpty: {
                            message: 'The title  is required'
                        }
                    }
                }            
            }
        });
    });
</script>

@stop

如何在bootstrap验证器中使用数据远程？

1 个答案: