отображаемые значения после отправки

Question

У меня есть форма в html с двумя кнопками отправки, одна из которых включена. если пользователь заполняет форму, подача включена, а другая кнопка диафрагма. , когда пользователь нажимает кнопку отправки другая кнопка получает включена и отображает все значения полей с только для чтения .При кнопку 2nd щелкают значения enterd в Databse, используя JQuery или Javascript является возможным

$('input[type="text"]').each(function(){ 
      $(this).attr('readonly','readonly'); 
}); 

Answer 1

Если я правильно прочитал ваш вопрос, первая кнопка фактически не отправит форму?

$("#firstbutton").click(function() { 
    $("#myForm input").attr("readonly", "readonly"); //this makes the input fields readonly 

    $("#secondbutton").attr("disabled","disabled"; //this enable the second button 

    $(this).removeAttr('disabled'); //this disables the #firstbutton 
} 

Убедитесь, что:

• На странице загрузки, вторая кнопка уже отключены.
• Если у вас есть dropdown листы в вашей форме, вам также нужно будет установить их только для чтения, так как они не <input>, а <select> элементов.
• первый баттон не должен быть type="submit", он должен быть либо type="button", либо быть тегом <button>.
• Ваша вторая кнопка может быть обычной кнопкой отправки, ничего не требуется. Пока ваша форма помещается в правильную actionlink, форма будет отправлена ​​штрафом.
• Не используйте атрибут disabled в ваших полях ввода. Если вы это сделаете, форма submit будет игнорировать эти поля и не публиковать их по назначению. Вы уже делаете это правильно, используя readonly.

Answer 2

$(document).ready(function(){ 
    $('#myForm').submit(function(e){ 
    e.preventDefault(); 

    $myForm = $(this); 

    $myForm.find('input[type=submit]').attr('disabled','disabled'); 
    $myForm.find('input#other-button').attr('enabled','enabled'); 


    //do a $.post request 
    $.post('/path/to/my-file.php', 
      $myForm.serialize(), 
      function(data){ 
      // make something after the post is complete 
      $myForm.find("input[type=text]").attr('readonly','readonly'); 
      }, 
      'json'); 
    }); 
});