javascript - 如何使用 jquery Submit() 表单处理程序

Question

我有以下表格:

<form action="" method="POST" name="form" id="form">
    <input name="year" type="text" id="year" placeholder="YYYY" size="4" maxlength="4">
    <input name="month" type="text" id="month" placeholder="MM" size="2" maxlength="2">
    <input name="day" type="text" id="day" placeholder="DD" size="2" maxlength="2">
    <input name="hour" type="text" id="hour" placeholder="HH" size="2" maxlength="2">
    <input name="minutes" type="text" id="minutes" placeholder="MM" size="2" maxlength="2">
    <input name="seconds" type="text" id="seconds" placeholder="SS" size="2" maxlength="2">
    <input name="sampleduration" type="text" id="sampleduration" size="4" maxlength="4">
    <input type="hidden" name="sample" id="sample">
    <input type="submit" name="submit" id="submit" value="Mark as reviewed">
</form>

在提交表单之前，我想连接一些表单字段并将它们作为字符串提交。

字符串应如下所示:“2014-12-03 23:43:12”

该字符串是上面各个表单字段的串联。

我创建了一个隐藏表单字段“sample”，以便我可以在表单提交之前将连接字符串分配给隐藏表单字段。

表单提交后，php/mysql 接管并将表单插入到 mysql 数据库中。

我的 jQuery 代码如下所示:

<script>
$( "#form" ).submit(function( event ) {
    $('#sample').val(year+'-'+month+'-'+day+' '+hour+':'+minutes+':'+seconds); });
</script>

我的 jQuery 代码不起作用。谁能解释一下为什么吗？

Answer 1

您的代码必须位于 $(document).ready 中阻止监听您的提交事件 - 像这样:

<script type="text/javascript">
    $(document).ready(function () {
        $("#form").submit(function (event) {
            alert('submit is fired!');
        });
    });
</script>

希望以下页面对您有所帮助:click here