.click() 函数在同一页面上提交表单后停止工作

.click() function stops working after form submit on the same page

本文关键字:提交 表单 停止工作 一页 函数 click      更新时间:2023-09-26

我有一个页面,其中包含一个包含 10 个字段的表单,包括选择框、单选字段和文本框。它获取参数,查询数据库并在同一页面上打印结果。我还在同一页面上使用 $_POST[''] 来保留表单值而不会丢失它。

我有很多方法在此页面中使用.click功能。在第一次提交之前,它们都工作正常。第一次提交所有参数后,.click 函数停止工作。带有 .click 函数的 jquery 代码都不起作用。

这是否与服务器在同一页面上返回信息或与 im 使用 $_POST[''] 保留表单信息的方式有关?

这是一段使用 .click 函数的代码。

    <!-- Clear form data after form submission -->
<script language="Javascript">
function resetForm($form) {
    alert("resetting form");
    $form.find('input:text, input:password, input:file, select, textarea').val('');
    $form.find('input:radio, input:checkbox')
    .removeAttr('checked').removeAttr('selected');
}
</script>
<script language="Javascript">
$(document).ready(function() {
$("#clear_form").click(function(){
    alert("clear form button clicked");
    resetForm($('#search_query'));
    });
});
</script>

表格按以下方式提交。

<form method="POST" action="samepage.php" name="form1" id="formid" onsubmit="return validate_Form()">
# Bunch of text fields, select boxes, radio buttons,
<input type="submit" value="Submit" id="submit">

页面的最开始,我收集表单数据以在提交后自动填写表单字段以保留表单数据。

$x = $_POST['x'];

如果表单提交成功(.ie通过所有表单验证),我会再次收集数据以查询数据库并在同一页面上打印结果。

$xx = $_POST['x]

有一个我写的自定义验证功能,基本上只是检查字段是否为空,没什么好看的。它的设置方式是必须至少输入一个字段才能将表单提交到服务器。

在对这个问题进行了更多研究之后,我终于找到了解决方案。

$('#buttonid').live('click', function () {
#Your code here 
});

我仍然需要了解为什么会发生这种情况。当我找到问题的根本原因时,我会编辑答案。