(PHP+JQueryTools）Javascript填充的输入字段在POST后返回null

(PHP + JQueryTools) Javascript-filled input field returns null after POST

本文关键字：POST 返回 null 字段 输入 PHP+JQueryTools Javascript 填充      更新时间：2023-09-26

我在提交一个输入文本字段时遇到了一个小问题，该字段应该由javascript脚本设置值。

这是我的表单代码：

<html>
<head><title></title>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylingIndex.css" />
</head>
<body>
<div class="main">
<table border="0">
<form method="POST" action="begin.php?id=createfile">
<tr><td>Date 1</td>   
<td><input type="date" name="date1"></td></tr>
<tr><td>Date 2</td>
<td><input type="date" name="date2"></td></tr>
<tr><td><input type="submit" name="submit" value="Go"></td></tr>
</form>
</table>
</div>
<script>
$(":date").dateinput();
</script>
</body>
</html>

每当我检查$_POST值时，它都是空的。（createfile.php处理得很好，这不是问题所在），我认为问题出在我处理Javascript的方式上，但我不知道我做错了什么。

看起来它没有分配从脚本中选择的值（日期），尽管它确实出现在客户端，但它只是在提交后不处理它。希望有人能帮助我。

只需拖动表单的开始和结束标记：

<html>
<head><title></title>
<script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script>
<link rel="stylesheet" type="text/css" href="stylingIndex.css" />
</head>
<body>
<div class="main">
    <form method="POST" action="begin.php?id=createfile">
<table border="0">
<tr><td>Date 1</td>   
<td><input type="date" name="date1"></td></tr>
<tr><td>Date 2</td>
<td><input type="date" name="date2"></td></tr>
<tr><td><input type="submit" name="submit" value="Go"></td></tr>
</table>
    </form>
</div>
<script>
$(":date").dateinput();
</script>
</body>
</html>

您肯定需要对标记进行一些整理。请注意输入节点的关闭。你能帮我试试这个吗？将脚本块放在上面并使用jQueryDOMReady函数？

JSFIDDLE

   <head>
   <script>
   $(function() {
       $(':date').dateinput();
   });
   </script>
   </head>
   <body>
        <div class="main">
            <table border="0">
                <form method="POST" action="begin.php?id=createfile">
                    <tr>
                        <td>Date 1</td>
                        <td>
                            <input type="date" name="date1" />
                        </td>
                    </tr>
                    <tr>
                        <td>Date 2</td>
                        <td>
                            <input type="date" name="date2" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <input type="submit" name="submit" value="Go" />
                        </td>
                    </tr>
                </form>
            </table>
        </div>
相关文章：