Question

我有一个简单的表单，其中一个字段是随机javascript文件，其名称范围从1到500000所以我使用rand函数填充其字段没有任何问题

我希望表单在加载后自动提交，但我不希望页面刷新，甚至我不希望在提交表单后更改字段值。我的代码很清楚，但不知道为什么它不起作用

的index.html

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>


 <title>testing</title>
 </head>

<body>

 <script type="text/javascript" >
 $(function() {
$("form1#form1").submit(function() {
 var searchBox = $("#searchBox").val();
 var dataString = 'searchBox='+ searchBox ;
if(searchBox=='')
 {
  $('.success').fadeOut(200).hide();
  $('.error').fadeOut(200).show();
 }
 else
{
 $.ajax({
 type: "POST",
 url: "test34.php",
 data: dataString,
  success: function(){
  $('.success').fadeIn(200).show();
 $('.error').fadeOut(200).hide();
 }
 });
 }
 return false;
 });
 });


 </script>

    <form method="post" name="form1" id="form1" enctype="multipart/form-data">
<input type="text" class="status" name="searchBox" id="searchBox"        value="<?= "".rand(1,2889889).".js"; ?>">


    <input class="button" type="submit" value="Submit" /></form>

    </body>
    </html>

test34.php

    <?php
    include('connect.php'); 
    $title23 =  $_POST['searchBox'];
mysql_query("insert into test (title) values('$title23')");

    echo $title23;

 ?>

但它没有自动提交表格，请告知

Answer 1

将提交方法绑定到表单后，尝试通过执行此操作来触发提交方法。

        return false;
    });

    $("form1#form1").trigger('submit'); // Here
});

Answer 2

您的选择器可能看起来像$("form#form1")而不是$("form1#form1")

jquery自动表单提交问题

2 个答案: