Retrieve from the database the "data-*value" attribute of a field through jquery

Question

How to recover a field’s "date" attribute from the database via jquery.

Today the system recovers the value(value) of the field, but now I also need to recover the date value of this field, as you ask (click here).

The purpose of this, is to make a comparison between the

value and . date-

In order to be able to make a condition to enable the save button, if any field of the form is changed and disable the button if nothing is changed in the form.

Follows as this the field in Html and Jquery:

<label for="descricao">Descrição</label>
    <input class="span12" id="descricaoEditar" type="text" name="descricao"  />
    <input id="urlAtualEditar" type="hidden" name="urlAtual" value=""  />

    $(document).on('click', '.editar', function(event) {
      $("#idEditar").val($(this).attr('idLancamento'));
      $("#descricaoEditar").val($(this).attr('descricao'));
      $("#descricaoEditar").val($(this).data('descricao'));
      $("#fornecedorEditar").val($(this).attr('cliente'));
      $("#valorEditar").val($(this).attr('valor'));
      $("#vencimentoEditar").val($(this).attr('vencimento'));
      $("#pagamentoEditar").val($(this).attr('pagamento'));
      $("#formaPgtoEditar").val($(this).attr('formaPgto'));
      $("#categoria_idEditar").val($(this).attr('categoria_id'));
      $("#conta_idEditar").val($(this).attr('conta_id'));
      $("#urlAtualEditar").val($(location).attr('href'));
      var estornado = $(this).attr('estornado');
      if(estornado == 1){
        $("#estornadoEditar").attr('checked', true);        
      }
      else{
        $("#estornadoEditar").attr('checked', false);
      }

      var baixado = $(this).attr('baixado');
      if(baixado == 1){
        $("#pagoEditar").attr('checked', true);
        $("#pagoEditar").attr('disabled', true);
        $("#estornadoEditar").attr('disabled', false);
        $("#divPagamentoEditar").show();
      }
      else{
        $("#pagoEditar").attr('checked', false); 
        $("#pagoEditar").attr('disabled', false);
        $("#estornadoEditar").attr('disabled', true);
        $("#divPagamentoEditar").hide();
      }     

Answer 1

I think enable the button with "on change" would be enough, but below follows a more elaborate form, in which if you return the initial value of the field, the button is disabled.

$('form input').each(function() {
  $(this).data('value', $(this).val());
}).on('keyup', function() {
  $('button').prop('disabled', true);
  $('form input').each(function() {
    if ($(this).val() != $(this).data('value')) $('button').prop('disabled', false);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input value="valor1">
  <input value="valor2">
  <input value="valor3">
  <button disabled>Salvar</button>
</form>

Answer 2

To set the value $('seuelemento').attr('data-valor', valorquevcker);

To read the value $('seuelemento').attr('data-valor');

---

To take the value of the database in PHP and play in the view in your input would be something +- like this:

<input type="text" data-valor="<?php print $variavelcomovalordobanco ?>" />

Maybe the way to print the variable is not right, I’m not good in php, but it is something like that. You will have to make PHP print the value inside the input, because the value that you Ker comes from the database

Answer 3

You can pick through

var valor     = $("#estornadoEditar").val();
var descricao = $("#estornadoEditar").data("descricao");