Плагин JQuery Validation с Laravel - PullRequest
Новая
       9

Плагин JQuery Validation с Laravel

0 голосов
/ 09 июня 2018

Мои правила проверки интерфейса не работают.При этом мои файлы create.blade.php и member_form.blade.php

create.blade.php 

{!! Form::model($member, ['action' => 'MemberController@store', 'id' => 'createform']) !!}

    @include('members.partials.member_form')

    <button class="btn btn-success" type="submit">Save Member</button>

{!! Form::close() !!}

<script>
    $(document).ready(function(){
        $("#createform").validate({
            rules: {
                name: {
                    required:true
                }
            }
        });
    });
</script>

member_form.blade.php 

<div class="form-group">
{!! Form::label('name', 'First Name:') !!}
{!! Form::text('name', null, ['class' => 'form-control']) !!}
</div>

Когда яЯ проверяю плагин проверки Jquery, я получаю только свои внутренние сообщения проверки.При попытке создать пустую форму создания, в которую не вводится имя, не появляется сообщение о проверке интерфейса.Я ввел js-скрипт не в том месте или мой код неверен?Документация, кажется, соответствует тому, что я здесь написал.

Визуализированный HTML: 

    <form method="POST" action="http://tomcrud.test:8080/members/store" accept-charset="UTF-8" id="createform"><input name="_token" type="hidden" value="Q1UhJGJBEvBKqZ2O8FuKL4ukY7Zdedfi0HUn2iHU">

        <div class="form-group">
    <label for="name">First Name:</label>
    <input class="form-control" name="name" type="text" id="name">
</div>

<div class="form-group">
    <label for="surname">Last Name:</label>
    <input class="form-control" name="surname" type="text" id="surname">
</div>

<div class="form-group">
    <label for="id_number">ID Number:</label>
    <input class="form-control" name="id_number" type="text" id="id_number">
</div>

<div class="form-group">
    <label for="mobile_number">Mobile Number:</label>
    <input class="form-control" name="mobile_number" type="text" id="mobile_number">
</div>

<div class="form-group">
    <label for="email">Email:</label>
    <input class="form-control" name="email" type="text" id="email">
</div>

<div class="form-group">
    <label for="date_of_birth">D.O.B:</label>
    <input class="form-control" name="date_of_birth" type="text" id="date_of_birth">
</div>

<div class="form-group">
    <label for="language_id">Language:</label>
    <select id="language_id" name="language_id"><option value="1">Afrikaans</option><option value="2">English</option><option value="3">Dutch</option><option value="4">Swahili</option><option value="5">German</option></select>
</div>

<div class="form-group">
    <label for="interest_id[]">Interest:</label>
    <select multiple class="form-control" id="interest_id[]" name="interest_id[]"><option value="1">Rugby</option><option value="2">Golf</option><option value="3">Tennis</option><option value="4">Squash</option><option value="5">Paragliding</option><option value="6">Movies</option><option value="7">Hiking</option><option value="8">Diving</option><option value="9">Fishing</option><option value="10">Hunting</option></select>
</div>

        <button class="btn btn-success" type="submit">Save Member</button>

    </form>

Файлы сценариев: 

<script src="http://tomcrud.test:8080/js/jquery-3.3.1.js"></script>
<script src="http://tomcrud.test:8080/js/bootstrap.js"></script>
<script src="http://tomcrud.test:8080/js/delete_confirm.js"></script>
<script src="http://tomcrud.test:8080/js/jquery.validate.js"></script>

1 Ответ

0 голосов
/ 13 июня 2018

Итак, в конце концов, исправление было действительно глупым.Я поговорил с одним из моих друзей-разработчиков, и он посоветовал мне поместить ссылку в, а не внизу мастер-файла.Это исправило это!Но почему?Понятия не имею ... 

    <!DOCTYPE html>
<html>
    <head>
        <title>ProPay_CRUD - @yield('title')</title>
        <link rel="stylesheet" href="{{asset('css/bootstrap.css')}}">
        <link rel="stylesheet" href="{{asset('css/custom.css')}}">
        <script src="{{asset('js/jquery-3.3.1.js')}}"></script>
    </head>
    <body>

        @include('shared.header')

        <div class="container">
            <div class='row'>
                <div class='col justify-content-center'>
                    <p></p>
                    @include('shared.errors')
                    @include('shared.message')

                    @yield('content')
                </div>
            </div>
        </div>

        @include('shared.footer')

        <script src="{{asset('js/bootstrap.js')}}"></script>
        <script src="{{asset('js/delete_confirm.js')}}"></script>
        <script src="{{asset('js/jquery.validate.min.js')}}"></script>
        <script src="{{asset('js/additional-methods.min.js')}}"></script>
        <script src="{{asset('js/validation.js')}}"></script>
    </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...