Question

我提交的表单提交名字，姓氏，电子邮件，日期到我的数据库，但是仅仅提交了日期，我做了一些更改。

一切正常，直到我决定让jquery datepicker在页面上内联显示，而不是点击一个字段来显示日期选择器。

为了使这个日期选择器内联我改变了一些代码：

<script>
$(function() {
$('#datepicker').datepicker({altField: '#date'});
});
</script>


<form method="post" action="send.php">
<input type="text" name="firstname" id="firstname" class="yourinfo" ><br/>
<input type="text" name="lastname" id="lastname" value="Last Name" onFocus=this.value='' class="yourinfo"><br/>
<input type="text" name="email" id="email" value="Email Address" onFocus=this.value='' class="yourinfo"><br/>
<div id="datepicker"></div>
<input type="hidden" name="date" id="date"><br/>
<input type="submit" value="submit" >
</form>

在我进行更改之前，我的代码看起来像这样：

<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>

<form method="post" action="send.php">
<input type="text" name="firstname" id="firstname" class="yourinfo" ><br/>
<input type="text" name="lastname" id="lastname" value="Last Name" onFocus=this.value='' class="yourinfo"><br/>
<input type="text" name="email" id="email" value="Email Address" onFocus=this.value='' class="yourinfo"><br/>
<input type="text" name ="date" id="datepicker" value="Enter Your Prediction" onFocus=this.value='' class="yourinfo"><br/>
<input type="submit" value="submit" >
</form>

但这不是我希望它工作的方式，因为你必须点击文本字段才能显示日期选择器。

你能看到的任何东西可能会阻止姓名和电子邮件的发送吗？

Answer 1

我认为您可能在onFocus的值周围没有双引号。当我把它们扯出来时，它运作正常：

http://jsfiddle.net/william/eGGqS/1/

编辑：

这个更接近你的例子： http://jsfiddle.net/william/eGGqS/2/

在添加jquery内联datepicker后，表单不提交一些变量

1 个答案: