làm cách nào để giữ dữ liệu biểu mẫu sau khi gửi biểu mẫu bằng javascript?

Question

Khi tôi gửi biểu mẫu này, các giá trị chỉ biến mất khỏi hộp văn bản. Tôi thích họ ở lại in trong hộp văn bản. Làm thế nào để làm điều đó?

<form id="myform" method="get" action="" onSubmit="hello();"> 

     <input id="hour" type="text" name="hour" style="width:30px; text-align:center;" /> : 
     <input id="minute" type="text" name="minute" style="width:30px; text-align:center;" /> 
     <br/> 
     <input type="submit" value="Validate!" /> 
    </form> 

    <style type="text/css"> 
    .error { 
     color: red; 
     font: 10pt verdana; 
     padding-left: 10px 
    } 
    </style> 
<script type="text/javascript"> 
function hello(){ 

    var hour = $("#hour").html(); 
    alert(hour); 
} 
    $(function() { 
     // validate contact form on keyup and submit 
     $("#myform").validate({ 
      //set the rules for the fild names 
      rules: { 
       hour: { 
        required: true, 
        minlength: 1, 
        maxlength: 2, 
        range:[0,23] 
       }, 
       minute: { 
        required: true, 
        minlength: 1, 
        maxlength: 2, 
        range:[0,60] 
       }, 
      }, 
      //set messages to appear inline 
      messages: { 
       hour: "Please enter a valid hour", 
       minute: "Please enter a valid minute" 
      } 
     }); 


    }); 
    </script> 

Answer 1

Khi bạn gửi biểu mẫu, toàn bộ trang được thay thế bằng phản hồi từ máy chủ. Nếu bạn muốn ở lại trang (thay vì được thay thế bằng phản hồi), bạn có thể xem sử dụng jQuery.post hoặc jQuery.ajax để gửi dữ liệu biểu mẫu tới máy chủ thay vì thực sự gửi biểu mẫu.

Answer 2

Ngay sau khi bạn gửi trang, dữ liệu được gửi đến máy chủ và một trang mới được tải. Trong trường hợp của bạn, đây là trang giống như trước nhưng điều đó không tạo nên sự khác biệt cho trình duyệt. Để giữ các giá trị, bạn phải điền các giá trị trên máy chủ trong khi hiển thị trang.

Thông thường, bạn chỉ cần sao chép dữ liệu từ tham số yêu cầu HTML vào các trường.

Answer 3

Bạn có thể sử dụng cookie từ JavaScript để giữ giá trị. Về cơ bản, bạn truy cập một cái gì đó có tên là document.cookie.

Answer 4

Như một ví dụ, để giữ lại dữ liệu trong một văn bản nhập vào:

<input type="text" name="inputText" id="inputText" placeholder="Enter the name of your all-time favorite Duckbilled Platypus" value="@Request["inputText"]" autofocus style="display: inline-block;" /> 

Answer 5

Trong thẻ hình thức, bao gồm onsubmit ="return false" để tránh reset form. Ví dụ:

<form name = "inputNumbers" onsubmit ="return false">