[Last Call] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 177
  • Last Modified:

Form error validation and AJAX submission

Hi all,

I have a simple form:

	<form method="post" action="">
		<label for="usrname">Username</label>
		<input type="text" name="usrname" id="usrname" maxlength="12"/><span id="usrcheck" style="display:none"></span>
		
		
		<label for="pwd">Password</label>
		<input type="password" name="pwd" id="pwd" maxlength="12"/><span id="pwdcheck" style="display:none"></span>
		
	
		<label for="Email">Email</label>
		<input type="text" name="email" id="email" maxlength="75"/><span id="emailcheck" style="display:none"></span>
		
		<input type="submit" name="submit" value="Signup" class="submit-button" />
	</form>

Open in new window


I'm error checking in realtime as the user moves through it.

My question is 3 parts:

-how can I enable the submit button once all the fields are correctly verified using jquery?
-how does jQuery post data to a .php file for processing
-ho do I replace the form HTML with a success message

I'm thinking that on any blur() to check for 3 valid criteria except the final input field (email) the user is likely to hit enter and blur() would not be called in order to enable the submit function.

Any pointers much appreciated.
0
dolythgoe
Asked:
dolythgoe
1 Solution
 
leakim971PluritechnicianCommented:
>-how can I enable the submit button once all the fields are correctly verified using jquery?
http://bassistance.de/jquery-plugins/jquery-plugin-validation/

>-how does jQuery post data to a .php file for processing
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_27392689.html

>-ho do I replace the form HTML with a success message
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_27392689.html
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now