CodingForums.com - jQuery ajax - Get value in field before submit

CodingForums.com (http://www.codingforums.com/index.php)

- JavaScript frameworks (http://www.codingforums.com/forumdisplay.php?f=62)

- - jQuery ajax - Get value in field before submit (http://www.codingforums.com/showthread.php?t=172810)

ajax - Get value in field before submit

I want to got to page with AJAX and get the value that is in the field because i want to get the value and add my value also.

this is what i have so far:

$.ajax({
type: "POST",
url: "file.php",
async: false,
beforeSend: function(msg){
var i = $(msg).find('[name*=user]').attr('value');
console.log(i);

},
success: function(msg){
alert("sucess");
}
});

What exactly do you want? You already got the value there in your beforeSend. You want to add your own value? Just do it then.

If you want me to help, you have to be a bit more specific about what exactly is causing you trouble.

On a side note: The parameter msg has to hold the selector string for your container DOM element. Why on earth would you call that "msg"?

Also, do you have any good reason to use synchronous AJAX?

Oh, interesting. Just when I wrote "synchronous AJAX" I threw up a little.

Again.

Well there is a page which is file.php.

There is a field named user. The field has a value which is the username.
I want to get that value and add my value to the end, but if there is no value I just want to post my own.

Ok, that's not all that hard.

Within the beforeSend, you can try something like this:

Code:

var field = $(msg).find('[name*=user]').get(0);

field.value += field.value ? "your value if username exists" : "your value if username doesn't exist";

Also, please answer my questions.

Quote:

Originally Posted by venegal (Post 844205)

I think I answered that question.
I really don't know because i am new to the jquery scene, I was just trying to get with trial an error.
I also don't know why i used synchronous, I guess i'll switch it.

It gave me an error in firebug. "Field is underdefiened"

Code:

        $.ajax({

  type: "POST",

   url: "file.php",

   dataType: "html",

   beforeSend: function(msg){ 

                var field = $(msg).find('[name*=user]').get(0);

                field.value += field.value ? "your value if username exists" : "your value if username doesn't exist";

                alert(field);

        },

 });

Can you post the whole code for this?

What is triggering your ajax call? A form submit event? Why are you using $.ajax rather than $.get or $.post?

I think you're making this harder than it is. Get the value of your input field first (and give your field an ID attribute, save the browser some work), use that to create your parameters to send to the processing page, and fire a nice, normal $.get request without all this mucking about trying to modify values in an XMLHTTP request on the fly.