Question

我在提交输入文本字段时遇到了一个小问题，该字段应该由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的方式，但我不知道我做错了什么。

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

Answer 1

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

<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>

Answer 2

你肯定要对你的标记做一些整理。注意输入节点的关闭。你可以试试这件事吗？将脚本块放在顶部并使用jQuery DOMready函数？

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>

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

2 个答案: