JQuery :: Submitting Information Based On Which Form Was Clicked

Dec 8, 2010

I've been doing PHP for a couple months, but just came across jquery today. I'm making a wedding-registry-style wishlist site for the holidays, and one of my pages is a list of all the items on your wishlist for you to modify.

Here is my jquery script, which I had learned from a tutorial:
<script type="text/javascript">
$(function() {
$(".submit1").click(function() {
var item_name = $("#item_name").val();
var item_notes = $("#item_notes").val();
var imgid = $("#imgid").val();
var price = $("#item_price").val(); .....
var dataString = 'item_name='+ item_name + '&imgid=' + imgid + '&price=' + price + '&item_notes=' + item_notes;

$.ajax({
type: "POST",
url: "edit.php",
data: dataString,
success: function(){
$('.success').fadeIn(500).fadeOut(500);
}});
return false;
});
});
</script>

My forms are structured like so:
// PHP WHILE STATEMENT
// Retrieve data about item
<form>
<input type="hidden" name="imgid" id="imgid" value="<?=$imgid?>">
<input name="item_name" type="text" id="item_name" value="<?=$item_name?>" />
<input name="item_notes" type="text" id="item_notes" value="<?=$item_notes?>" />
<input name="item_price" type="text" id="item_price" value="<?=$price?>" />
<input type="image" class="submit1" src="images/edit_item.png" border="0" />
<span class="success" style="display:none">Item updated!</span>
</form>
// END WHILE STATEMENT

Now, the problem is obviously that when this HTML code gets repeated, all the forms have the same input IDs. I tried adding numbers to the form using php, so it would be something like "item_name1", "item_name2", "item_name3", etc depending on the form, but then I realized I don't know how to pass parameters into the jquery function.

Is there any way to do this? So that it's something like...
$(function() {
$(".submit1").click(function() {
// Find parent form (which would have the ID "1", "2", "3", etc.)
// var id = parent form ID
// Get info from "item_name1" if form "1" was submitted
// Get info from "item_name2" if form "2" was submitted
// Etc.
var item_name = $("#item_name"+id).val();
var item_notes = $("#item_notes"+id).val();
var imgid = $("#imgid"+id).val();
var price = $("#item_price"+id).val();
// declare datastring
// ajax
return false;
});
});

View 1 Replies


ADVERTISEMENT

JQuery :: Change Form Action Based On Button Clicked?

Jun 12, 2009

I have a form like this:

<form id="my_form" method="post" action="">
Name: <br />
<input type="text" id="name" name="name" />
<input type="submit" id="submit1" value="Go to page 1" />
<input type="submit" id="submit2" value="Go to page 2" />
</form>

how can I change my action form so the form goes to Page1.htm with click on button1 and goes to Page2.htm to click on button2, and mantein the value inserted in textbox "name"?

View 4 Replies View Related

Ajax :: Request - Populate A Form With Information From A Database Based On A Textbox Entry

Jun 29, 2011

I'm trying to populate a form with information from a database based on a textbox entry. However, when I begin to key in the textbox I receive "undefined" in each textbox throughout the form.

Take a look at my code for any errors? It also appears that my $_GET['jobid'] is not working properly.

And here is my php:

View 2 Replies View Related

Javascript Not Submitting Information

Jan 9, 2007

This functions great, but when the form is submitted the fields that rely on the script are not transmitted. I am using FrontPage for my forms and would like to continue, if possible. The fields "Option1" & "Option2" are the fields that aren't being submitted correctly. If I don't select these options then EMPTY is submitted, correctly. If I select a value such as Topic1, then the form is submitted with the answer blank. Code:

View 2 Replies View Related

Stop Page From Submitting When Refresh Is Clicked?

Apr 6, 2010

When i click on submit button, all the data in form will be inserted into my db. but when i click on refresh the form will be submitted again .. how can i prevent this?

View 2 Replies View Related

Dynamically Create A Page Based On Information In A .txt?

Oct 23, 2009

I apologize in advance for my ignorance. I'm relatively new to javascript. I am trying to dynamically create a page based on information in a .txt. So far the code works. But only for a spacific line in the .txt. I would like it to create numbered divs and fill with approprate info from .txt for each line in .txt. Does that make sense? I will paste full code if necessary and it is explained exactly how. Is it: ["my code goes here"] or

View 11 Replies View Related

JQuery :: Change Form Values Before Submitting A Form?

Oct 4, 2011

I'm handling a form submission event. Is there a way to modifiy the value of a text input within the form before the form is finally submitted? I tried setting the value using, 'val()' - it updated the text field but the value sent with the POST was the original value

View 4 Replies View Related

JQuery :: Accessing Value In Ajax Form Without Submitting The Form?

Jun 2, 2009

I have a form. Upon submit, the data is sent to the server. Under certain conditions, the form is replaced via ajax with a set of radio buttons that offer the user a a choice.I need to access the radio buttons before I submit the form again.Normally I could just access the buttons with getelementbyid but it is not available, presumably because they were generated via ajax.I could submit the form just to access the radio buttons and then submit it again, but I'd like to avoid that.

View 2 Replies View Related

JQuery :: Highlight Content Based On Clicked Anchor From Another Page?

Sep 30, 2011

I recently had a request from a client and I'm not entirely sure this is possible. I'll try to explain it the best I can, as I can't share the development files yet...

We have a page with an image map of the United States. If anyone clicks on a state, it will bring them to a new

page. This new page contains a table that has named anchors on it, each row being a different state.

So, for example, if someone clicks on South Carolina on the map page, they will be brought here[code]...

The #sc anchor will scroll the new page down to the row in the table about South Carolina.

Is there any way to highlight the table row that the person is looking for? For example, if they click on South Carolina, they will be brought to this new page and the South Carolina row in the table would be highlighted.

View 2 Replies View Related

JQuery :: Submitting # From The Form?

Mar 8, 2011

There is a problem with submitting # from the form. Some content get truncated and some variables disappear after submitting. Take a look at the following code and try to fill both fields with: TEST#TEST#TEST

<div id="POSTINI_FRAME"></div>
<table>
<tr>

[code]....

View 2 Replies View Related

JQuery :: Form Is Not Submitting Except In Firefox?

Jan 31, 2010

I have the following code:

$('input#submit').click(function()
{
//check if compulsory forms are filled
if ( //checks if forms are filled)

[Code]....

the whole idea is to submit the form in the *else* block if the condition that all compulsory fields are filled (which is checked in the IF block)...but this only works in Firefox. in chrome and IE, the code execution does not go pass the "Processing Form Submission Please Wait" that is shown. The *return true* line never gets executed which is the one that actually send the form...

View 2 Replies View Related

JQuery :: How To Validate Web Form Before Submitting

Feb 1, 2010

I have a asp.net web form that I need to validate before submitting. I've tried the AJAX Control Toolkit but I was having problem with multiple ValidationSummary control conflict. So, my next option I can think of is to use jQuery. First of, how do I test to see if a textbox is blank or not? If blank, output a message to a asp.net Label control on the page and stop the web form submission. Second, if the validation succeeds, proceeds to submitting the web form.

View 8 Replies View Related

JQuery :: Prevent The Form From Submitting?

Oct 29, 2009

I've added a jQuery .onClick to a form submit. Is there a way to prevent the form from submitting?

View 2 Replies View Related

JQuery :: Submitting A Form With VCR-like Buttons?

Mar 13, 2011

I want the "play" button to perform ajaxSubmit (Form plugin) submitting a bunch of fields on the form in which these buttons are contained. This will start a simulation based on the passed in parameters.I want the other bottons to send signals to the server to control the simulation. They don't really need to send parameters. I presume I can just do this with something like jQuery.post().

Here's my problem. All of the buttons in my toolbar just submit the form, presumably because they are buttons declared within the same <form></form>. (I copied the code for these buttons directly from the jQuery UI demo toolbar.)My initial thought was to use the Form plugin somehow detect which button was clicked or something like that, but I can't figure out how to do that.How do I make the play button submit the form, while the other buttons do different jQuery.post() calls? Or is there a better way ofachievingthe result I want?

View 3 Replies View Related

JQuery - Automatically Submitting A Form

Jan 31, 2010

I'm sure this is really easy, but I can't get it to work

I'm trying to submit a form full of hidden fields automatically when the page loads. I don't have access to the <body> tag, so I'm trying to add the auto submit with javascript. (jqeury)

I've got so far:

Btw this is within a wordpress page.

I've tried the regular "$(document).ready(function() {" as well.

View 23 Replies View Related

JQuery :: Double Post Submitting With One Form

Jun 15, 2010

I'm trying to use an Ajax system to make a double post method submitting.The fact is I want to send the data of the form to a page called Mailing.php (no need to have a response of this page) and in the same time, I want to send the data to another page (external of my website).[code]

View 1 Replies View Related

JQuery :: Show Message After Submitting The Form?

Jul 30, 2010

I am new to jquery and would like to learn how to show a message (e.x please wait in green color or submitting ) after clicking on the submit button.

View 2 Replies View Related

JQuery :: Validate Before Submitting Form Values?

Apr 28, 2010

I have a submit button on my form. However, I would like to do validation before submitting. I would submit the form values only if the validation has passed. How can I do that? Can I have an example please.

I have the following code:
<input type ="text" id="password"/> <input type="text" id="confirmPassword"/><label for="err"></label><input type="submit" value=Save/>

View 7 Replies View Related

JQuery :: Stop Form From Submitting Then Continue Once Done

Jul 19, 2011

There are several forms on this page and I have absolutely no control over them. The page is provided by a 3rd party and all we can do is add javascript.

The form is a google checkout. I need to halt submission (preventDefault) do some stuff and continue the submittion of that form.

This is what I have:

The FORM:

The SCRIPT:

View 4 Replies View Related

JQuery :: Submitting Form After Animation Starts

Feb 17, 2011

I have a small problem with a form. After I click on a submit button a small animation starts, I would like to submit form after animation but nothing is working. I tried different methods and I also checked html for errors.

Code of function:
$(document).ready(function(){
$("#button").click(function() {
var productX = $("#first").offset().left;
var productY = $("#first").offset().top;
var basketX = $("#basket").offset().left+15;
var basketY = $("#basket").offset().top+20;
var gotoX = basketX - productX;
var gotoY = basketY - productY;
var newImageWidth = $("#first img").width() / 3;
var newImageHeight = $("#first img").height() / 3;
$("#first img") .....
.clone()
.prependTo("#first")
.css({'position' : 'absolute'})
.animate({opacity: 0.9}, 100 )
.animate({opacity: 0.6, marginLeft: gotoX, marginTop: gotoY, width: newImageWidth, height: newImageHeight}, 1200, function(){
$("#detailstext").submit(); //form id
});
return false;
});
});
I also tried
$("form_id").post(0).submit();
but i got error:
$("form_id").post is not a function

View 6 Replies View Related

JQuery :: Submitting A Form That Is Inside A Div Without Closing The Div?

Aug 19, 2010

I have a link that pops up a div and fades out the background. Inside that div i have 3 options,

Request a callback make an enquiry close You can see a test version here ( Click Here ) then click Learn More in the top left corner...

how can i get my form to submit or validate within the div and without closing the pop up?

If you click request callback you will see my form.

View 1 Replies View Related

JQuery :: Submitting A Form Without Clicking On Submit?

May 3, 2010

I have a form with about 10 fields, and the action is sent to a php file which processes the form. Now, I also like to use a Thickbox such that the user can preview the page before actually submitting it to the process.php. That means, I have one submit button and one href, which href links to an iFrame thickbox to preview the page. My problem is that I don't know how to obtain the input values in the iFrame, without user clicking on submit (rather i want to get the values through href). something like the preview on this forum, except I want it on thickbox.

View 1 Replies View Related

JQuery :: Post Form Is Refreshing And Not Submitting

Oct 28, 2010

How to send one input data using ajax, I then needed to send a form with multiple inputs. I believe I can't do this with AJAX so have tried to implement it using JQuery.

The problems I am having is that my page is refreshing when I click on submit and the data is not being sent.

I am more than happy to look at other ways to do this if JQuery is not the answer. All I want is a page that doesn't refresh or redirect but does submit a form.

My form is:

View 8 Replies View Related

JQuery :: Upload Image Without Submitting Form?

Aug 22, 2011

I'm trying to upload an image without submitting the form. Here is what I got code...

View 3 Replies View Related

JQuery :: Block UI To Display Form Information?

Jun 29, 2009

I have set up a page which when I click the button BlockUI does what is supposed to do as well as jquery Form plugin; however, the success and failure messages are displaying in the blockUI. What I would like is for the success and error messages to replace the form. The code I am using:

javascript Code:

$(document).ready(function() {
$('#signup').click(function() {
$.blockUI({ message: $('#blockform') });

[Code].....

View 6 Replies View Related

JQuery :: Remote: Form Not Submitting Until Validation Fails At Least Once

Jul 23, 2009

I've got some strange behavior with validation. I'm loading up a form to allow editing of an existing database entry. If I make my changes to the fields, enter in the required "revision comments" and submit, the page does NOT post, it seems to only refresh and empty out all the entries in each of the fields. Now, on the other hand if I open the form to make changes to a database entry and immediately press "Submit" without filling in the revision comments field, it fails validation and tells me to enter comments. Now if I fill in comments to satisfy all the requirements and press submit, it posts and I get my "Successful Entry" confirmation prompt. I think I've narrowed it down to the remote: part of my jQuery. I eliminated by trial-and-error the other pieces of the jQuery code and it seems that when I remove the remote: it does not experience this strange behviour.

jQuery Code:
[code]
// Form Validation customization
$("#Form_business").validate({
rules: {

[Code].....

View 2 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved