PHP提交后如何不刷新输入值 [英] PHP how to not refresh input values after press submit

问题描述

我遇到了问题，当我按联系表单中的提交按钮时，所有输入值都会刷新，如果所有字段都填充正确，但是如果有些警告用户必须查看previaus值，但全部都已清除，则会出现问题。我的JavaScript技能很低，maye是解决这个问题的解决方案，用PHP和HTML？

解决方案

更简单的方法是使用html5存储。在onkeyup事件上存储价值，并在提交成功时销毁

举例

 < input id =titletype =textvalue =name =article_name> 
  

script

检查html5的支持

 函数supports_html5_storage（）{
尝试{
返回'localStorage'在窗口&&窗口['localStorage']！== null; 
} catch（e）{
 return false; 
 
 
 $ / code> 

脚本存储

  if（supports_html5_storage（））{
 
 $（＃title）。keyup（function（）{
 
 var articel_title = $（＃title）。val（）; 
 localStorage.setItem（articel_title，articel_title）; 
 localStorage.getItem（articel_title）; 
 }）; 
  

清除存储空间，如果表单成功提交则可以清除存储空间b
$ b

 < script type = text / javascript> 
 localStorage.removeItem（articel_title）; 
 
< / script> 
  

您也可以对更改或keyup事件进行ajax调用，并将值存储到数据库中，以便如果html5是不受浏览器支持，它仍然可以工作，但会在服务器上造成更多负载


I have problem, when I press submit button in my contact form all input values refreshing, it's good if all fields are filled correct, but if are some warning users must see previaus values, but all are cleared. My Javascript skills are low, maye are solution to solv this problem with php and html ?

解决方案

a simpler way is use html5 storage . store value on onkeyup event and destroy if submit successful

for an example

 <input id="title"   type="text" value=""  name="article_name">

script

to check support of html5

 function supports_html5_storage() {
          try {
            return 'localStorage' in window && window['localStorage'] !== null;
          } catch (e) {
            return false;
          }
        }

script to store

  if(supports_html5_storage()){

        $("#title").keyup(function(){

            var articel_title =  $("#title").val();
             localStorage.setItem("articel_title",articel_title);
             localStorage.getItem("articel_title");
        });

to clear storage ,you can fire this if form successfully submit it will clear storage

 <script type=text/javascript>
          localStorage.removeItem("articel_title");

     </script>

you can also make ajax call on change or keyup event and store value to database so that if html5 is not supported by browser it will still work but it will cause more load on server

这篇关于PHP提交后如何不刷新输入值的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！