Specific code example: JQuery works here, but I cannot figure out why

• • Reply

  10 years ago

  by abrados

  ken anderson

  Kiev, Ukraine

  Joined 10 years ago

  Hi, I'm having trouble understanding the principle of how JQuery is integrated with HTML forms and PHP in the specific example. Here's a link: http://www.millenniumessays.com/login.php Just enter any values and click login: on-the-fly warnings in red font are generated below the form, the page is not reloaded. I don't understand how and why it happens. I'm relatively new to JQuery and I suspect I'm missing something crucially important here. If someone could only explain how exactly the jquery code contained in index.js makes the whole thing work.

  login.php // code for login.php

  $objCore = new Core(); $objCore->initSessionInfo(); $objCore->initFormController(); if($objCore->getSessionInfo()->isLoggedIn() && $objCore->isAdmin()){ header("Location: admin.php"); }elseif($objCore->getSessionInfo()->isLoggedIn()){ header("Location: writers/available.php"); } ?> PHP Login System
  

  index.js // code for index.js

  $(document).ready(function() { Index.initEventHandlers(); });

  var Index = { init : function(){ }, initEventHandlers : function(){ $("#login_button").click(function(e){ Index.processSubmit(); });

  	$('.inplaceError').each(
  			fu
  

  Report abuse
• • Reply

  10 years ago

  by abrados

  ken anderson

  Kiev, Ukraine

  Joined 10 years ago

  I guess my message here was edited/shortened somehow. that means one cannot post a lengthy examples of codes? Once again, the index.js code $(document).ready(function() { Index.initEventHandlers(); });

  var Index = { init : function(){ }, initEventHandlers : function(){ $("#login_button").click(function(e){ Index.processSubmit(); });

  	$('.inplaceError').each(
  			function(i) {
  				$(this).focus(function(e){
  					$("#loginerror").html("");
  				});
  			}
  	);
  },
  processSubmit		: function(event){
  	$('#login').submit();
  }
  

  };

  Report abuse