Soy nuevo en esta comunidad, su ayuda es muy apreciada. Esta es mi línea de código:
<input type="text" class="form-control" id="fines" name="fines" placeholder = "Amount Penalty" required>
Mi código Javascript:
$(document).ready (function(){ if($(this).val()==""){ $('#fines').attr('readOnly','false'); } }); </script>``` The thing that I want to achieve is that when clicking the field with no value it must be editable and if it has a value from the database it will remain a read-only field. Your help is highly appreciated thank you!!Puede hacer algo como esto, ya que está utilizando una variable php para la entrada de texto.
Método 1:-
<?php if( $row['fines'] == '' || $row['fines'] == NULL){ echo '<input type="text" class="form-control" value="" id="fines" name="fines" placeholder = "Amount Penalty" required>'; } else{ echo '<input type="text" class="form-control" value="'.$row['fines'].'" id="fines" name="fines" placeholder = "Amount Penalty" readonly>'; } ?>Método 2:-
<?php if( $row['fines'] == '' || $row['fines'] == NULL){ echo '<input type="text" class="form-control" value="" id="fines" name="fines" placeholder = "Amount Penalty" required>'; } else{ echo $row['fines'];//Show it as plain text, ez } ?> Para tener en cuenta: - Cuando usa el Method 1:- todavía hay posibilidades de hacer que el texto de entrada se pueda escribir, solo inspeccionarlo y cambiar el valor sería bastante fácil para un usuario, creo que el Method 2:- es mucho mejor.