1

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

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

4

2 回答 2

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>
于 2013-07-19T11:25:05.120 回答
0

您肯定需要对标记进行一些整理。注意输入节点的关闭。你能帮我试试这个吗？将脚本块放在顶部并使用 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>
于 2013-07-19T11:22:14.870 回答