jQuery的自動錶單提交問題

我有一個簡單的表格，其中一個一個領域是有其是隨機的JavaScript文件的名字從1〜500000，所以我已經使用rand函數的範圍來填充它的領域，沒有任何問題jQuery的自動錶單提交問題

我想表單將被加載後自動提交，但我不希望頁面被刷新，甚至我不希望字段值在提交表單後被更改。我的代碼是很清楚的，但不知道爲什麼它不工作

的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; 

?>

但不提交表單自動請告知

來源

2012-12-22 raviloves

**警告！**你的代碼包含了[SQL注入漏洞（http://en.wikipedia.org/wiki/SQL_injection ） - 您將原始的，未過濾的，未驗證的用戶輸入直接傳遞到SQL字符串中。請[切換到PDO]（http://php.net/book.pdo）或[mysqli]（http://php.net/book.mysqli），以便您可以使用[帶有參數化查詢的預準備語句]（http： //en.wikipedia.org/wiki/Prepared_statement）。 – Charles

你的選擇或許應該像，而不是這個$("form#form1")$("form1#form1")

來源

2012-12-22 06:14:59 peterm

表單字段的名稱是form1，所以沒有問題名字 – raviloves

@raviloves .. peterm是正確的，嘗試使用。 –

@peterm你的岩石我認爲它的形式名稱不是它的形式名稱它應該是我們正在使用的函數。 :) – raviloves

將您的提交方法綁定到表單後，嘗試通過執行此操作來觸發提交方法。

 return false; 
    }); 

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

來源

2012-12-22 05:55:46 Bryan

哪裏恰好在函數結束之前或其中plz告訴 – raviloves

我已經更新了答案，嘗試顯示它應該在哪裏，從你的原始代碼 – Bryan

試過但沒有運氣 – raviloves

jQuery的自動錶單提交問題

回答

相關問題