laravel ajax验证未显示所有字段 [英] laravel ajax validation not showing for all fields

问题描述

我正在使用jquery ajax验证。问题是只有表格的某些字段才会显示验证，而其他字段则不显示。

I am using jquery ajax validation. The problem is that only for some fields of the form is displayed validation, for others not.

jQuery(document).ready(function()
{
    jQuery('form#inline-validate').submit(function()
    {       
        jQuery.ajax({
            url: "http://localhost:8080/insur_docs/store",
            type: "post",
            data: jQuery('form#inline-validate').serialize(),
            datatype: "json",
            beforeSend: function()
            {
                jQuery('#ajax-loading').show();
                jQuery(".validation-error-inline").hide();
            }
            })
            .done(function(data)
            {
                if (data.validation_failed === 1)
                {
                    var arr = data.errors;
                    jQuery.each(arr, function(index, value)
                    {
                        if (value.length !== 0)
                        {
                            jQuery("#" + index).after('<span class="text-error validation-error-inline">' + value + '</span>');
                        }
                    });
                    jQuery('#ajax-loading').hide();
                }
            })
            .fail(function(jqXHR, ajaxOptions, thrownError)
            {
                  alert('No response from server');
            });
            return false;
    });
});

insur_docs_controller.blade.php

insur_docs_controller.blade.php

<div id="div-1" class="body">
            {{ Form::open(array('url' => 'insur_docs/store', 'class'=>'form-horizontal','id'=>'inline-validate')) }} 
            <div class="form-group">
                {{ Form::label('ownership_cert', 'Ownership Certificate*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Form::select('ownership_cert', array('' => '', '1' => 'Yes', '0' => 'No'),Input::old('ownership_cert'),  array(
                                'class' => 'form-control'))
                    }}

                </div>
            </div>
            <div class="form-group">
                {{ Form::label('authoriz', 'Authorization*', array('class'=>'control-label col-lg-4')) }}            
                <div class="col-lg-8">
                    {{ Helpers\Helper::date('authoriz', Input::old('authoriz') , array(
                                'class' => 'form-control')) 
                    }}

                </div>
            </div>
            <div class="form-group">
                {{ Form::label('drive_permis', 'Drive Permission*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Form::select('drive_permis', array('' => '', '1' => 'Active', '0' => 'Not active'),  Input::old('drive_permis'),  array(
                                'class' => 'form-control'))
                    }}

                </div>
            </div>
            <div class="form-group">
                {{ Form::label('sgs', 'SGS*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Helpers\Helper::date('sgs',  Input::old('sgs') , array(
                                'class' => 'form-control')) 
                    }}

                </div>
            </div>  
            <div class="form-group">
                {{ Form::label('tpl', 'TPL*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Helpers\Helper::date('tpl', Input::old('tpl') , array(
                                'class' => 'form-control')) 
                    }}

                </div>
            </div>
            <div class="form-group">
                {{ Form::label('kasko', 'Kasko*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Helpers\Helper::date('kasko', Input::old('kasko') , array(
                                'class' => 'form-control')) 
                    }}

                </div>
            </div>
            <div class="form-group">
                {{ Form::label('inter_permis', 'International Permission*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Helpers\Helper::date('inter_permis', Input::old('inter_permis') , array(
                                'class' => 'form-control')) 
                    }}

                </div>
            </div>
            <div class="form-group">
                {{ Form::label('car', 'Car*', array('class'=>'control-label col-lg-4')) }}
                <div class="col-lg-8">
                    {{ Form::select('car', $cars, Input::old('car'), array( 
                                'data-validation-error-msg' => 'You did not enter a valid car',
                                'class' => 'form-control')) 
                    }}<br/>
                    @if($errors->count() > 0)
                    <div class="alert alert-danger">
                        <p>The following errors have occurred:</p><br/>
                        @foreach($errors->all() as $message)
                        {{ Helpers\Helper::macro($message) }}<br/>
                        @endforeach
                    </div>
                    @endif                
                </div>
            </div>  

            {{ Form::submit('Save', array('class' => 'btn btn-success btn-line')) }}
            <input type="button" value="Back" class="btn btn-danger btn-line" onClick="history.go(-1);
                    return true;">
            {{ Form::close() }}
            {{ HTML::script('assets/js/jquery.validate-form.js') }}
        </div>

因此验证仅针对ownership_cert和drive permis显示。对于其他领域没有。我创建了一个日期函数：

So validation is showing only for ownership_cert and drive permis. For other fields not. I have created a function for date which is :

  public static function date($name, $value = null, $options = array()) {
        $input = '<input type="date" name="' . $name . '" value="' . $value . '"';

        foreach ($options as $key => $value) {
            $input .= ' ' . $key . '="' . $value . '"';
        }

        $input .= '>';

        return $input;
    }

问题可能与此有关吗？

May the problem be with this?

推荐答案

试试这个：

jQuery(document).ready(function()
{
    jQuery('form').submit(function()
    {
        var url = $(this).attr("action");
        jQuery.ajax({
            url: url,
            type: "post",
            data: jQuery('form').serialize(),
            datatype: "json",
            beforeSend: function()
            {
                jQuery('#ajax-loading').show();
                jQuery(".validation-error-inline").hide();
            }
        })
                .done(function(data)
                {
                    $('#validation-div').empty()
                    if (data.validation_failed === 1)
                    {
                        var arr = data.errors;
                        jQuery.each(arr, function(index, value)
                        {
                            if (value.length !== 0)
                            {
                                $("#validation-div").addClass('alert alert-danger');
                                document.getElementById("validation-div").innerHTML += '<span class="glyphicon glyphicon-warning-sign"></span>' + value + '<br/>';
                            }
                        });
                        jQuery('#ajax-loading').hide();
                    }
                    else {
                        window.location = data.redirect_to;
                    }
                })
                .fail(function(jqXHR, ajaxOptions, thrownError)
                {
                    alert('No response from server');
                });
        return false;
    });
});

这篇关于laravel ajax验证未显示所有字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！