Note that there are some explanatory texts on larger screens.

plurals
  1. POAjax to PHP form submission. Keep getting "parsererror"
    primarykey
    data
    text
    <p>ajaxSubmit.js:</p> <pre><code>$(document).ready(function(){ $('#submit').click(function() { $('#waiting').show(500); $('#reg').hide(0); $('#message').hide(0); $.ajax({ type : 'POST', url : 'post.php', dataType : 'json', data: { login : $('input#login').val(), pass : $('input#pass').val(), pass1 : $('input#pass1').val() }, success : function(data){ $('#waiting').hide(500); $('#message').removeClass().addClass((data.error === true) ? 'error' : 'success') .text(data.msg).show(500); if (data.error === true) $('#reg').show(500); }, error : function(XMLHttpRequest, textStatus, errorThrown) { $('#waiting').hide(500); $('#message').removeClass().addClass('error') .text(textStatus).show(500); $('#reg').show(500); } }); return false; }); </code></pre> <p>});</p> <p>HTML Form: </p> <pre><code> &lt;div id="message" style="display: none;"&gt; &lt;/div&gt; &lt;div id="waiting" style="display: none;"&gt; Please wait&lt;br /&gt; &lt;img src="images/ajax-loader.gif" title="Loader" alt="Loader" /&gt; &lt;br /&gt; &lt;/div&gt; &lt;form id="reg" class="form with-margin" name="reg" method="post" action=""&gt; &lt;br /&gt; &lt;p class="inline-small-label"&gt; &lt;label for="login"&gt;&lt;span class="big"&gt;Email&lt;/span&gt;&lt;/label&gt; &lt;input type="text" name="login" id="login" value=""&gt; &lt;/p&gt; &lt;p class="inline-small-label"&gt; &lt;label for="pass"&gt;&lt;span class="big"&gt;Password&lt;/span&gt;&lt;/label&gt; &lt;input type="password" name="pass" id="pass" value=""&gt; &lt;/p&gt; &lt;p class="inline-small-label"&gt; &lt;label for="pass1"&gt;&lt;span class="big"&gt;Password Again&lt;/span&gt;&lt;/label&gt; &lt;input type="password" name="pass" id="pass1" value=""&gt; &lt;/p&gt; &lt;div align="center"&gt;&lt;button type="submit" name="submit" id="submit" &gt;Register&lt;/button&gt;&lt;/div&gt; &lt;/form&gt; &lt;script type="text/javascript" src="js/ajaxSubmit.js"&gt;&lt;/script&gt; </code></pre> <p>post.php: </p> <pre><code> &lt;?php sleep(3); $login = $_POST['login']; $pass = $_POST['pass']; $pass1 = $_POST['pass1']; $login = mysql_real_escape_string($login); $pass = mysql_real_escape_string($pass); $pass1 = mysql_real_escape_string($pass1); if (empty($login)) { $return['error'] = true; $return['msg'] = 'You did not enter you email.'; } else if (empty($pass)) { $return['error'] = true; $return['msg'] = 'You did not enter you password.'; } else if ($test == false) { $return['error'] = true; $return['msg'] = 'Please enter a correct email. This will be verified'; } else if (empty($pass)) { $return['error'] = true; $return['msg'] = 'You did not enter you password twice.'; } else if ($pass != $pass1) { $return['error'] = true; $return['msg'] = 'Your passwords dont match.'; } else { $return['error'] = false; $return['msg'] = 'Thanks! Please check your email for the verification code!'; } echo json_encode($return); ?&gt; </code></pre> <p>Any ideas why I keep getting the parsererror? </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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