Databases
StackOverflow2013
Postsdbo
POForm not submitting inside $.ajax success function
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POForm not submitting inside $.ajax success function
    primarykey
    data
    text
    <p>I'm validating for duplicate names by using jquery+Ajax. Everything is working fine except that the form is not submitting once everything returns true</p> <p><strong>What's Happening</strong></p> <ul> <li>If no name is entered, alert box is showing up stating name is required --> No problem here</li> <li>If duplicate name is found, alert box is showing up stating name already exists and form does not submit --> No problem here</li> <li>If duplicate name is not found, alert box is showing up (to prove the <strong><code>else</code></strong> part of the condition is working), but the <strong>form does not submit</strong>. I want the form to go ahead and submit itself in this <strong><code>else</code></strong> part</li> </ul> <p><strong>jQuery Code</strong></p> <pre><code>$('#form1').submit(function(){ var name = $('#shelf_name').val(); if(name == '') { alert('Shelf name is required'); $('#shelf_name').focus(); } else { $.ajax({ type:'post', url:'check-duplicate-shelf-name.php', data:{'name':name}, context:this, success:function(data) { if(data == 'stop') { alert('Shelf name already exists'); // working if duplicate name is found } else { alert('else working?'); // alert box is showing up if name is not duplicate this.submit(); // but after alert, this line not executing } } }); } return false; }); </code></pre> <p><strong>HTML Form Tag</strong></p> <pre><code>&lt;form action="add-shelf-post.php" method="post" id="form1"&gt; </code></pre> <p><strong>check-duplicate-shelf-name.php</strong> Page</p> <pre><code>&lt;?php include 'confignew.php'; $name = $_POST['name']; // peforming database operations . . . // and then if($db-&gt;num_rows($q) == 0) { echo 'go'; } else { echo 'stop'; } </code></pre> <p>I'm missing something very obvious. Hopefully someone here can point that out.</p> <p>After checking with Firebug in Firefox, I indeed got an error. It didn't show up when I was testing with Chrome. Here is the screenshot.</p> <p><img src="https://i.stack.imgur.com/rQ75s.png" alt="Firebug Error"></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USSumurai8
    1. USasprin
    plurals
    1. This table or related slice is empty.
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POForm not submitting inside $.ajax success function
      1. USasprin
      1. VTBountyStart
    2. VO
      singulars
      1. POForm not submitting inside $.ajax success function
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POForm not submitting inside $.ajax success function
      1. This table or related slice is empty.
      1. VTDownMod
    1. COAre you sure 'this' points to where you think it should?
      singulars
      1. POForm not submitting inside $.ajax success function
      1. USJure C.
    2. CO@JureC. It should point to the form, shouldn't it?
      singulars
      1. POForm not submitting inside $.ajax success function
      1. USasprin
    3. CO@asprin don't forget ajax is asynchronous and you are handling the submit event so even if it would correctly submit you would enter the submit event again.
      singulars
      1. POForm not submitting inside $.ajax success function
      1. USTecHunter
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload