ajax form error

Posted on 2010-08-14
Last Modified: 2012-06-27
i am trying to use jquery form. however, what is happening instead of the success appearing in the div it is appearing in the php page that the form is passing too. i have attached the code and would be grateful if someone could tell me what is wrong? many thanks
this call the form from onpress

<script type="text/javascript">

function fileadd(){ 

          jQuery.facybox({ div: '#addform' });


form script


<script type="text/javascript">

// prepare the form when the DOM is ready 


    // bind form using ajaxForm 


        // target identifies the element(s) to update with the server response 

        target: '#htmlExampleTarget', 


        // success identifies the function to invoke when the server response 

        // has been received; here we apply a fade-in effect to the new content 

        success: function() { 








<div id="addform" style="display:none;">

  <form action="filesadd.php" method="post" class="webform">


    <legend><span>Enter a File</span></legend>

    <label for="box">Select a Box</label>

    <select name="box">

      <option SELECTED VALUE="">Select a Box</option>


do {  


      <option value="<?php echo $row_Recordset1['boxref']?>"><?php echo $row_Recordset1['boxref']?></option>


} while ($row_Recordset1 = mysql_fetch_assoc($Recordset1));

  $rows = mysql_num_rows($Recordset1);

  if($rows > 0) {

      mysql_data_seek($Recordset1, 0);

	  $row_Recordset1 = mysql_fetch_assoc($Recordset1);





    <label for="fileno">File Number:</label>

    <input id="fileno" name="fileno" class="text" type="text" />

	<div id="htmlExampleTarget"></div>

    <label for="authorised">Authorised By:</label>

    <input name="authorised" type="text" class="text" id="authorised" value="<?php echo $_SESSION['kt_name_usr']; ?>" />


    <input class="submit" type="submit"  name="submit" value="Add File" />





$sql = "SELECT custref FROM files WHERE custref = '$fileno' ";

$result = runSQL($sql) or die(mysql_error());

if (mysql_num_rows($result)>0){

   echo '<div style="background-color:#ffa; padding:20px">' . $fileno . 'Is already in the database' . '</div>';


   //insert into db;

   echo '<div style="background-color:#ffa; padding:20px">' . $fileno . "Box: " . $box . $authorised . 'Successfull' . '</div>';

   $sql = "INSERT INTO `files` (customer, authorisation, boxstatus, boxref, custref, filestatus) VALUES ('$customer', '$authorised', '$boxstatus', '$box', '$fileno', $filestatus)";

   $result = runSQL($sql) or die(mysql_error());

   //echo 'This record is valid';

   //header("Location: http://localhost/sample/admin/files/index.php");



Open in new window

Question by:peter_coop
  • 3
  • 3
LVL 13

Expert Comment

by:Hugh McCurdy
ID: 33437459
I'm hardly an expert on this, just getting AJAX (without JQuery) to work last month.  But I did get it to work.

What I'd try is making the distance between <div> and </div> much smaller.  I had some trouble (like what you describe) when I used a large division.  When I get it small, very small, I have much more luck.

Author Comment

ID: 33437513
hi. sorry i'm not sure i'm following you. how can i make this smaller?

<div id="htmlExampleTarget"></div> do you mean the id?
LVL 13

Expert Comment

by:Hugh McCurdy
ID: 33437901
I was looking at the other div.  That was a mistake on my part.  

I looked at your code some more but I don't know enough about JQuery.  Sorry.
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!


Accepted Solution

peter_coop earned 0 total points
ID: 33438189
thanks. i have narrowed it down to the facybox plugin. if i open the form in facybox then the form plugin does not work  does anyone know if facybox strips tags from form or html? thanks
LVL 13

Expert Comment

by:Hugh McCurdy
ID: 33438247
Since you solved this yourself and I'm the only person who has responded, I suggest you try the following (with the caveat that I've never tried this myself).

1. Accept your solution  (I don't know if you can just do that but I won't object and nobody else is likely to get the close notice other than moderators).  

I *think* that will give you a refund.  (You could ask in the moderator section).

2. Post a new question.

Author Comment

ID: 33440262
thanks. have closed the thread.

Featured Post

What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

Join & Write a Comment

In this article you'll learn how to use Ajax calls within your CodeIgniter application. To explain this, I'll illustrate how to implement a simple contact form to allow visitors to send you an email through your web site.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

22 Experts available now in Live!

Get 1:1 Help Now