'Hide button before enter valid data, unhide it after enter valid data

            {{ Form::label('name', __('Task name***'), ['class' => 'form-control-label']) }}
            {{ Form::text('name', null, ['class' => 'form-control', 'required' => 'required' ]) }}
        </div></div><div class="col-12">
        <div class="form-group">
            {{ Form::label('description', __('Description'), ['class' => 'form-control-label']) }}
            <small class="form-text text-muted mb-2 mt-0">{{ __('This textarea will autosize while you type') }}</small>
            {{ Form::textarea('description', null, ['class' => 'form-control', 'rows' => '1', 'data-toggle' => 'autosize']) }}</div></div><div class="col-6"><div class="form-group">
            {{ Form::label('estimated_hrs', __('Estimated Hours***'), ['class' => 'form-control-label']) }}</div></div><div class="col-6"><div class="form-group">
            {{ Form::label('priority', __('Priority'), ['class' => 'form-control-label']) }}
            <small class="form-text text-muted mb-2 mt-0">{{ __('Set Priority of your task') }}</small><select class="form-control" name="priority" id="priority" required>
                @foreach (\App\ProjectTask::$priority as $key => $val)
                    <option value="{{ $key }}">{{ $val }}</option> @endforeach
            </select> </div></div><div class="text-right">
 <input  type="submit" value="save" class="btn btn-sm btn-primary rounded-pill"  onclick="this.disabled=true;this.value='Sending, please wait...';this.form.submit();"></div>

i need hide button before enter valid data and show after enter valid data what i do?



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source