表单提交后保留输入值(带有捕获)

厄运

在PHP中,如果文本输入“ cmtx_comment”为空,则在表单提交时会显示一个JavaScript警报。在警报中按“确定”后,用户在表单的所有字段中输入的值都消失了。如何在不向输入元素的值添加代码的情况下保持用户输入的值(类似<input type="text" name="something" value="<?php echo $_GET['something'];?>">

if (empty($cmtx_comment)) { //if comment value is empty
echo <<<EOD
<script>
alert('Please enter a comment!');
</script>
EOD;
return false;
} else { //if comment entered
do stuff
戴夫·陈(Dave Chen)

您是否尝试过localStorage和表单验证?

HTML:

<form method="post" action="" onSubmit="return saveComment();">
    <input type="text" name="cmtx_comment" id="cmtx_comment" value="" />
    <input type="submit" value="Save" />
</form>

JavaScript:

document.getElementById("cmtx_comment").value = localStorage.getItem("comment");

function saveComment() {
    var comment = document.getElementById("cmtx_comment").value;
    if (comment == "") {
        alert("Please enter a comment in first!");
        return false;
    }

    localStorage.setItem("comment", comment);
    alert("Your comment has been saved!");

    location.reload();
    return false;
    //return true;
}

例子

在首页加载时,您将看到:

如果您不输入评论,则会收到警报:

如果您确实输入了评论,则会收到其他警报:

The page will then refresh (or post, simply un-comment the return true, and comment the location.reload), and you will still see the contents you posted the first time.

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JS输入类型日期字段,在提交表单后保留选定的值

来自分类Dev

提交后保留空值,同时保留输入值

来自分类Dev

使用Javascript提交带有提交的输入的表单

来自分类Dev

似乎@ModelAttribute不利于提交后保留表单的值

来自分类Dev

提交表单后保留下拉列表中的值

来自分类Dev

提交表单后,保留下拉菜单的$ _GET值

来自分类Dev

如何在Chrome浏览器控制台中提交带有输入值的表单?

来自分类Dev

如何在Chrome浏览器控制台中提交带有输入值的表单?

来自分类Dev

为什么通过提交带有链接的表单不会更改输入文本值?

来自分类Dev

在jsf中提交表单后如何获取输入值?

来自分类Dev

在输入时提交带有primefaces小部件的表单

来自分类Dev

提交带有许多动态创建的输入的 AngularJS 表单

来自分类Dev

验证输入后提交表单

来自分类Dev

使用jQuery提交带有后变量的表单

来自分类Dev

为什么我没有在此提交侦听器中获取带有输入值的表单数据对象?

来自分类Dev

提交后保留选定的值

来自分类Dev

提交后保留文字值

来自分类Dev

在codeigniter中提交表单失败后无法保留表单中的值

来自分类Dev

Javascript提示警报并提交带有值的表单

来自分类Dev

删除带有值的提交按钮,创建onchange表单

来自分类Dev

提交表单后保留所选选项

来自分类Dev

提交带有href的表单

来自分类Dev

提交后如何将字段值保留在表单中?

来自分类Dev

提交表单后如何在下拉框中保留选定的值?

来自分类Dev

在Rails中提交表单后,如何使复选框保留其值

来自分类Dev

提交到另一个网站后,如何保留表单值?

来自分类Dev

AMP 表单 - 在表单提交后显示相同的 html 并带有一些附加元素

来自分类Dev

在 Django 上提交有错误的表单后保留字段数据

来自分类Dev

提交后如何清除表单输入?

Related 相关文章

  1. 1

    JS输入类型日期字段,在提交表单后保留选定的值

  2. 2

    提交后保留空值,同时保留输入值

  3. 3

    使用Javascript提交带有提交的输入的表单

  4. 4

    似乎@ModelAttribute不利于提交后保留表单的值

  5. 5

    提交表单后保留下拉列表中的值

  6. 6

    提交表单后,保留下拉菜单的$ _GET值

  7. 7

    如何在Chrome浏览器控制台中提交带有输入值的表单?

  8. 8

    如何在Chrome浏览器控制台中提交带有输入值的表单?

  9. 9

    为什么通过提交带有链接的表单不会更改输入文本值?

  10. 10

    在jsf中提交表单后如何获取输入值?

  11. 11

    在输入时提交带有primefaces小部件的表单

  12. 12

    提交带有许多动态创建的输入的 AngularJS 表单

  13. 13

    验证输入后提交表单

  14. 14

    使用jQuery提交带有后变量的表单

  15. 15

    为什么我没有在此提交侦听器中获取带有输入值的表单数据对象?

  16. 16

    提交后保留选定的值

  17. 17

    提交后保留文字值

  18. 18

    在codeigniter中提交表单失败后无法保留表单中的值

  19. 19

    Javascript提示警报并提交带有值的表单

  20. 20

    删除带有值的提交按钮,创建onchange表单

  21. 21

    提交表单后保留所选选项

  22. 22

    提交带有href的表单

  23. 23

    提交后如何将字段值保留在表单中?

  24. 24

    提交表单后如何在下拉框中保留选定的值?

  25. 25

    在Rails中提交表单后,如何使复选框保留其值

  26. 26

    提交到另一个网站后,如何保留表单值?

  27. 27

    AMP 表单 - 在表单提交后显示相同的 html 并带有一些附加元素

  28. 28

    在 Django 上提交有错误的表单后保留字段数据

  29. 29

    提交后如何清除表单输入?

热门标签

归档