jucai/public/themes/default/views/mobile/app/person/feedback.blade.php

@extends('mobile.module.layouts.content')

@push('meta')
    <meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@push('css')
    <link href="{{ theme_asset('mobile/css/personal.css') }}" rel="stylesheet">
@endpush

@section('content')
    <div class="split-block"></div>
    <div class="list_height plist-txt">
        <div class="pic"></div>
        <div class="tit font14">意见类型</div>
        <div class="describe font13">
            <span class="for-select"></span>
            <select id="infotype" name="infotype">
                <option value="1">建议</option>
                <option value="2">意见</option>
                <option value="3">求助</option>
                <option value="4">投诉</option>
            </select>
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>

    <div class="list_height plist-txt last notarrow">
        <div class="pic"></div>
        <div class="tit font14">联系方式</div>
        <div class="describe">
            <input name="tel" type="text" placeholder="请输入您的联系方式" class="font13" value="">
        </div>
        <div class="arrow"></div>
        <div class="clear"></div>
    </div>
    <div class="split-block"></div>
    <div class="textarea-txt">
        <textarea id="suggest_feedback" name="feedback" placeholder="请详细描述您遇到的问题，有助于我们快速定位并解决问题。" class="font13"></textarea>
    </div>

    <div class="bottom_txt">
        <div class="llt">最多可输入200字</div>
        <div class="rlt clear-content">清空</div>
    </div>
    <div id="pop" style="display:none"></div>
    <div class="btn-spacing">
        <input type="hidden" id="J_suggest_verify" value="{$varify_suggest}" />
        <a id="J_suggest_submit" href="javascript:;" class="qs-btn qs-btn-blue font18">提 交</a>
    </div>

@endsection
@section('script')
            <script type="text/javascript">
                //清空内容
                $('.clear-content').on('click',function(){
                    $('#suggest_feedback').val('');
                });
                // 提交验证
                $('#J_suggest_submit').on('click', function(event) {
                    var typeValue = $.trim($('#infotype').val());
                    var telValue = $.trim($('input[name="tel"]').val());
                    var feedbackValue = $.trim($('#suggest_feedback').val());
                    if (typeValue == "") {
                        qsToast({type:2,context: '请选择意见类型'});
                        return false;
                    }
                    if (telValue == "") {
                        qsToast({type:2,context: '请填写联系方式'});
                        return false;
                    }
                    if (telValue != "" && telValue.length > 30) {
                        qsToast({type:2,context: '联系方式不能超出30个字'});
                        return false;
                    }
                    if (feedbackValue == "") {
                        qsToast({type:2,context: '请填写反馈内容'});
                        return false;
                    }
                    doSuggestFun();
                });
                function doSuggestFun() {
                    var typeValue = $.trim($('#infotype').val());
                    var telValue = $.trim($('input[name="tel"]').val());
                    var feedbackValue = $.trim($('#suggest_feedback').val());
                    // 提交表单
                    $.ajax({
                        headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
                        url: "{{ route('mobile.person.feedbackCreate') }}",
                        type: 'POST',
                        dataType: 'json',
                        data: {type: typeValue, contact: telValue, content: feedbackValue},
                        success:function(data){
                            qsToast({type:1,context: data.data});
                            setTimeout(function () {
                                window.location.reload();
                            }, 2000);
                        },
                        error:function(errorData){
                            if(errorData.status==400) {//业务错误
                                qsToast({type:2,context: JSON.parse(errorData.response).message});
                            }
                        }
                    });
                }
            </script>
@endsection