使用ajaxForm插件提交表单时没有提醒

时间:2013-09-15 08:46:36

标签: javascript jquery html

如何提醒表单已成功提交?我已经试着看一下插件的页面还是空手而归。

这是我到目前为止尝试的代码可能我的语法有问题:

<script type="text/javascript">

    $(document).ready(function(){

        $('#f1').ajaxForm({

            success: function(){

                alert("Form successfully submitted");

            }

        });

    });

</script>

上面的代码工作并成功插入表单中的所有数据,但由于某种原因,在成功提交表单后假设出现的警报已丢失。

这是表单在提交时使用的脚本:

<?php
$title=$_REQUEST['articletitle'];
$articlemore=$_REQUEST['editor1'];

include "connection.php";

if (isset($_FILES['image']) && $_FILES['image']['size'] > 0)
{

$type=$_FILES['image']['type'];
// Temporary file name stored on the server
$tmpName = $_FILES['image']['tmp_name'];


// Read the file
$fp = fopen($tmpName, 'r');
$data = fread($fp, filesize($tmpName));
$data = addslashes($data);
fclose($fp);


$query = "INSERT INTO blog(articletitle, articleimage, articlemore) VALUES ('$title', '$data', '$articlemore')";
$results = mysqli_query($link, $query);
if(!$results)
{

    echo "Saving Post Failed";
}
else
{
echo "You have a new Post!";
}
}//end if that checks if there is an image


else
{
echo "No image selected/uploaded";
}

// Close our MySQL Link
mysqli_close($link);

?>

2 个答案:

答案 0 :(得分:0)

这是语法

         // wait for the DOM to be loaded 
             $(document).ready(function() { 
        // bind 'myForm' and provide a simple callback function 
        $('#myForm').ajaxForm(function() { 
            alert("Thank you for your comment!"); 
        }); 
    }); 

我希望这会对你有所帮助

答案 1 :(得分:-1)

改变这个:

    $('#f1').ajaxForm({

    $('#f1').ajaxForm(function(){