• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 225
  • Last Modified:

How to I get jQuery to Execute an Ajax Call after fixed Digit Entry

I want to use jQuery to do the following:

1. Count the number of characters being entered in an input field and limit the field to six numbers only.
2. When six digits are entered, I want it to compare it to a value in a database
3. If the entered number matches the database entry, then present a "success message"
4. If the numbers do not match, provide a warning.

I know how to use ajax to connect to a database and am using the following piece of code to check if an email already exists in our database.  So I don't need help with points #3 and #4 above, it's just number one and two.

Here's the code I'm using for my email exists.  

$( "#email" ).blur(function() {
			var str = "email=" + $( "#email" ).val();
			var url = "doajax.php?a=popfind";
			$.post(url, str, 
				function(data,status){
    				$( "#result" ).html(data);
  				}
			);
		});

Open in new window


This runs the ajax call when  you leave the field.  What I want is the above modified so that it 1) limits to six numbers only and 2) calls the function after the sixth digit is entered.

Thanks.
0
Paul Konstanski
Asked:
Paul Konstanski
  • 2
2 Solutions
 
ElxnbossCommented:
Have an example of doing this here:  http://girlzunderground.com/ee2.html

I'm using PHP (in the script posted to) to generate the message regarding email matching...
0
 
Paul KonstanskiProject SpecialistAuthor Commented:
Thanks for the php example that "kind of" uses jQuery.

In your example you're using the jQuery to do the database call, but it's not doing the "listening" that jQuery does.

I found what I was looking for here:
http://www.jqueryscript.net/form/Powerful-Form-Validation-Plugin-For-jQuery-Bootstrap-3.html

I would just need to modify the "captach" field to work for a single six digit number.

Or alternatively I have found the whole suite of products at: http://formvalidation.io/ will probably provide what I need.

Thanks.
0
 
Paul KonstanskiProject SpecialistAuthor Commented:
Upon further research I found the tools I was looking for in other sites. I was originally hoping for just a small piece of jQuery code but that didn't happen.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Upgrade your Question Security!

Your question, your audience. Choose who sees your identity—and your question—with question security.

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