Well basically me and a colleague are starting a social networking site based around the concept of easy to use AJAX.
Now I know using JS would be a setback for some people who do not support it but as the ages roll by more and more people do (Not a problem for us)
At the top of the page we display their name such as on MySpace:
Hello, MYNAME!
We want them to be able to double click on their name, or just one click and it turn into a text box with that value in it. And when their done just hit enter and it saves with AJAX.
I am no where near good with AJAX as I am with PHP.
Ajax and jQuery is something I'm new to, but PHP, Javascript, and MySQL I'm pretty well seasoned with.For starters, I want to create a simple form where there are these fields:Name (text field)E-mail (text feld)Zip Code (text field)Cell Phone Number (text field)Phone Carrier (dropdown menu)Thing is, I want to check the database to see if an e-mail address has already been entered. I'd like for that to happen after they enter the email address and tab or click out of the e-mail text field. For instance, after they enter an e-mail address and tab to the Zip Code field, the script queries the database to see if that e-mail exists already. If it does, it notifies the user and greys out the submit button. If not, they're allowed to finish filling the form out and submit. It'll be a huge time saver if this Ajax script is in place.
I have a scenario where I have the following jquery Code: $("#frompdc<?php echo $JavaCnt;?>").change(function(){ var id = $('#id<?php echo $JavaCnt;?>').attr('value'); var frompdc = $('#frompdc<?php echo $JavaCnt;?>').attr('value'); var topdc = $('#topdc<?php echo $JavaCnt;?>').attr('value'); $.ajax({ type: "POST", url: "AJ_Update.php", data: "firm=y&id="+ id + "&frompdc=" + frompdc&topdc=" + topdc });
And some php to insert this data Code: mysql_query("UPDATE TBLTRANSFERS SET FROMPDC = ".$_POST['frompdc'].", MOD_TS = '". $timenow ."' WHERE ID = ".$_POST['id']);
I'm trying to throw some validation in here which I can do in php (a language that I'm much more proficient in) but can't figure out how to get the two together. I want to be able to do a select against another table I have for both the frompdc and the topdc. Code: $tofpdcresult = mysql_query("SELECT * FROM tbltransferspdcexclusions where FROMPDC = '".$frompdc."' AND TOPDC = '".$topdc."'"); $tofpdcnum_rows = mysql_num_rows($tofpdcresult); And if it exists I want to give a popup message to the user as well as blank out the field.
I'm struggling with two things: How do I get ajax to run two queries and return the results to a popup window? How do I blank out the field in the form?
I have looked all over the Internet for the last few hours and the main articles I can find are using JQuery or Prototype to handle validation. However, I am trying to work on a series of forms (They won't work with tabs due to their nature) which depend on other items in a database.So, what I want to do is if someone is inserting a record in Form 1 to input into Table 1 which has an ID from Table 2, it will pop up a new form (shadowing out Form 1, sort of like LightBox does) to create the new record into Table 2. Once this record is inserted successfully, it will return control to Form 1.I plan on making an OnKeyUp activate this script when someone clicks on the textfield to add a new category. I understand what I have posted may be a little confusing, but I basically just need to be pointed in the right direction with a couple of tutorials to follow for how to use AJAX to show forms.
I have a web form with several fields. If I copy & paste from a RTF document into a field, the javascript validation and field length are bypassed and cause the form to fail.
I have an ajax function which passes form field values to a PHP script which in turn saves the data to my database. all works great.
I now need to add a file input to my form and pass the file upload ot the same PHP script.
I have read an article [url] which explains how to do this but this would suggest it is a completely separate function.
My question is, is there anyway I can expand my existing function (below) to inlude the file upload process to save having 2 functions doing the same process?
I have email, password and some other fields, and I'm using $.post to send data for Ajax submission.
The problem is that I don't want to submit a particular field. The serializeArray() returns all the fields in the form. So, I tried something like this to prevent the password field being serialized.
This works great but the ajax submission doen't work.
i think this will help people a lot, cuz i couldn't find any simple answer by googling 3 hours...i need a very very simple jquery form field reset.here is the picture what i need:
HTML Code: <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.min.js'></script> <script>
The following form validation script works, currently if one of the five fields are completed, a message appears the remaining field(s) must be completed etc. Although the information the user has inputted in the first field is cleared. How can this information be available, if there is one problem in the form it doesn't make sense that the user must re-input all the information again. I look forward to hearing your response,
my javascript code is only validating one field at a time (as in it validates on field then submits the form, instead of going through the entire thing and then returning it as true and submitting it...) I'm not sure what to do to be honest, I've looked up google to no real avail.. my variables are declared in a seperate file to the actual even handlers and I have heaps of comments through out it, so please don't judge lol i'm still learning Quote:
//Event Registrations (Variable Declarations) found in validation_chkr.js //Validate Entire Form using validate_join() function validate_join()
Is there a way I can calculate a field in a form based on another field in the same form. When clicking submit, both values should be posted to the next page. I want to be able to type in a value in one field, and automatically in a second field the value*1,36 should appear.
I have a site for property bookings with 2 calendars to enter start and end date. The calendar im using doesnt have any obvious facility to copy yhe date to 2 fields so each one has to be done, months in advance this can be a real pain.
Does anyone have any ideas how i can take the data inserted into one field and copy it to the second?
I've have a function to take the value entered in a form text box, add 50 to it and put the result in another text box.
When I enter 650.5 I get 700.5 exactly how I'd expect. But when I enter -650.5 instead of getting -600.5 I get -650.050 as though it is failing to parse the float due to it being negative. My understanding of parseFloat was that it recognises negative numbers. Is there a nice simple way to get this to work?
I need to pass user input from a form to one database field. I'm relatively new to JS but the idea I had was to have several form elements and use JS to collect the users input and send all the values through a hidden element. What's happening is the variable names are being sent rather than the values. The code below is only passing to the next page. Limitations: I am editing an intranet site built by a 3rd party so a lot of the files we've been given are encrypted. I cannot change the method to post.
I work for a very large company that has zero communications between IT and the employees...so there is very little possibility of having any code changed.I need to use a web based system that submits orders for my department. The problem is i must order by "task number". I could have 20-30 task numbers so to complete the order I need to go to my company's page and fill out 15 form fields and submit for each task code. It is a terrible pain. 14 of the 15 fields are the same for each order... only the task code changes.
I've set up a mock registration form page so I can learn a bit about javascript's form validation. (newbie) I want to try to attempt to style the border of a form field green when the user enters the correct info into the form text field and red on all other fields if the user doesnt enter any info into them. When i test it, enter the right info into the username field, leave the others blank, and hit the submit button it styles the username field green ok but it doesnt make the next fields (password and so on) red. just for testing purposes I've put return false on everything so it displays a message when everythings ok.[code]
Am creating a framed chat application and when the user types a message in the form field and clicks the submit button, the message gets sent to the display frame, but the message stays in the form field. How can i get the form to submit the message AND reset the form field to blank too?
I'm trying to do some javascript form validation and I've discovered a rather difficult situation to handle with IE.
Let's say there's a form with three input fields named "name", "method", or "length". Whenever my javascript tries to access the form's name or length, and the form happens to have input fields named "name" and "length", I'm actually accessing the input fields and there seems to be no way to access those properties of the form.
I have an easy workaround for form.length, so there's no need to give me a workaround for that one, but there's a bigger issue with fields like name, method, action, etc.
For example, using document.forms[0].name to get the name of the form seems to map to document.forms[0].elements["name"] istead of the actual name of the form. Is there a work around for this? I am writing some generic form validation code, and I can't expect the person implementing my form validation code to avoid using "name" and "length" as names for their form fields.
I have done this once before but it has been a while. How do I add a new form hidden field and value to an existing form and then submit the form within a function that can be run with an onclick event?
Im trying to build a simple 'ajax' drop down field which will show more attributes from a certain field.if you were to click on one of the episodes another field loads without the page refreshing, this new field also has not been loaded with the original page. It has been updated separate to the page.
Environment is PHP - MYSQL When the user changes the value of a select drop-down, I want to use Ajax and query one table of my database, retrieve three pieces of data, and place the data in three separate text fields in my form. Is there a simple tutorial out there that explains this?
I get the general concept of the separate php file for the query, but I'm pretty much lost.
I have a shopping cart with a quantity field. I also have an update button that updates the totals. Myquestion is how can I use jQuery to check the quantity field when it loses focus, to check the value against the database and the Instock field. If gt then display a tooltip (or something) and not allow the form to be submitted. The problem is the field is called sel_qty for each product.
I need to perform an Ajax request as someone is typing into a text field. But I don't want to trigger a request on every key press. What I need is to perform the request if a key has not be pressed for x number of milliseconds.I seen an answer here - Time Restraint - but I'm having difficulty applying it to my situation.I'm using jquery and this is a trimmed down version of my current code:
javascript Code: Original - javascript Code
I don't know how to change this function to use setTimeout in a way that lets me execute a trigger function on a control relative to the current field. Ideally I need to pass $(this) as a parameter for the function setTimeout calls, but I don't know how to do that when the function call is passed as a string.
