Laravel Show Form Button auf Textbox Wert

Question

Kann jemand von Ihnen jQuery/Laravel Pros wissen, ob es möglich ist, eine Absenden-Schaltfläche basierend auf einem Textfeldfeldwert zu verbergen oder anzuzeigen?

Ich habe ein Laravel (4.2) -Formular, an der ich arbeite, und ich möchte die Absenden-Schaltfläche ausblenden, bis ein Textfeldwert 0 erreicht, dann zeigen Sie die Schaltfläche, damit Benutzer sie übermitteln können.

Ich dachte, es ist ein Jquery-Skript vielleicht, noch nie zuvor, also warum ich um Hilfe bitten.

{{ HTML::col(3,3,3,3) }} 
{{ Form::formGroup() }} 
{{ Form::label('Remainder', 'Remainder Balance') }} 
{{ Form::text('Remainder', $value , ['class' => 'form-control', 'data-fv-notempty' => 'false', 'readonly']) }} 
{{ Form::closeFormGroup() }} 
{{ HTML::closeCol() }} 
{{ HTML::closeRow() }} 


{{ HTML::row() }} 
    {{ HTML::col(12,12,12,12) }} 
     {{ Form::submit('Submit', array('class' => "btn btn-submit btn-lg")) }} 
    {{ HTML::closeCol() }} 
{{ HTML::closeRow() }} 
{{ Form::closeFormGroup() }} 
{{ Form::close() }} 

Vielen Dank im Voraus jeder, ich schätze es sehr.

Answer 1

Zuerst sollten Sie diesen Dingen eine ID geben.

{{ Form::text('Remainder', $value , ['id' => 'remainder', 'class' => 'form-control', 'data-fv-notempty' => 'false', 'readonly']) }} 

{{ Form::submit('Submit', array('id' => 'myFormSubmit', 'class' => "btn btn-submit btn-lg")) }} 

$(document).ready(function() { 
    $('#remainder').change(function() { 
     if ($(this).val() == 0) { 
      $('#myFormSubmit').show(); 
     } else { 
      $('#myFormSubmit').hide(); 
     } 
    }); 
}); 

Wenn Sie programmatisch ändern Sie das Textfeld (Ihre Formulierung darüber „Erreichen“ 0 macht mich dies der Fall sein könnte vermuten), das Änderungsereignis wird nicht ausgelöst, so werden Sie auch tun müssen, um $('#remaidner').trigger('change');