Laravel在文本框值顯示錶單按鈕

Question

做任何你jquery/Laravel優點知道是否有可能隱藏或顯示基於文本框字段值的提交按鈕？

我有一個Laravel（4.2）表單，我正在處理，我想隱藏提交按鈕，直到文本框的值達到0，然後顯示按鈕，以便用戶可以提交它。

我想它的jQuery腳本也許，從來沒有這樣做過，因此我尋求幫助。

{{ 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() }} 

在此先感謝大家，我非常感謝。

Answer 1

首先，你應該給這些東西一個ID。

{{ 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(); 
     } 
    }); 
}); 

如果你是編程改變文本框（你的措辭它「達到」 0讓我懷疑這可能是這種情況），這改變事件將不會觸發，所以你也需要做$('#remaidner').trigger('change');