JS form post and get answer

Question

sorry for my English, it's not my national lang.

My question is next:

I wanna post values of all inputs of the form to php file and get the answer and write it in div.

For example:

I have a form with blank div before it:

<div id="msg" name="msg"></div>

<form method="???" action="???">
<input type="text" name="login" id="login" value="" />
<input type="password" name="passwd" id="passwd" value="" />
<input type="submit" value="send" />
</form>

And when I click "send" it should send all values of inputs to, for example, register.php, WITHOUT page refresh, and div with id "msg" should get, what php answers. For example, it answers "Account registered successfully", and it appears in this div. How can I do this? (desirable to use jQuery).

http://docs.jquery.com/Category:Ajax – Quentin Apr 19 '13 at 12:02 — Quentin, Apr 19 '13 at 12:02

score 1 · Answer 1 · edited May 23 '17 at 12:12

1

Add name attribute to the form, on your submit button call an ajax function to submit the data dynamically to register.php and on success replace the message in the innerHtml of the div.

for help refer these links:

https://stackoverflow.com/a/8820803/1687983

Ajax Form Submit with submit button

edited May 23 '17 at 12:12

Community

1
1

answered Apr 19 '13 at 12:01

Coder anonymous

917
1
8
25

score 0 · Accepted Answer · edited May 23 '17 at 11:57

0

Use should use jQuery ajax functionality http://api.jquery.com/jQuery.post/ http://api.jquery.com/jQuery.ajax/

see this question: Submit a form using jQuery

and this question: Submit form using AJAX and jQuery

There is more then enough documentation available already. Have you even searched for a solution?

edited May 23 '17 at 11:57

Community

1
1

answered Apr 19 '13 at 11:54

Yoeri

2,249
18
33

score 0 · Answer 3 · answered Apr 19 '13 at 12:01

0

You should use the jQuery event : submit, to interpret a submission, like so:

$('form#regForm').submit( function() {
   $.post( 'register.php', $('form#regForm').serialize(), function(data) {
       //Use the data to understand how the registration went.
       $("#msg").html("Good/Bad");
   }
   return false;
);
});

the HTML:

<div id="msg" name="msg"></div>
<form id="regForm" method="post" action="register.php">
    <input type="text" name="login" id="login" value="" />
    <input type="password" name="passwd" id="passwd" value="" />
    <input type="submit" value="send" />
</form>

answered Apr 19 '13 at 12:01

nadavge

590
1
3
14

may I use smth like "data(html)" to output all what register.php will write? – Vasily Apr 19 '13 at 12:04
Yes, you could do $("#msg").html(data); However, be wary of XSS attacks. data is the output of register.php – nadavge Apr 19 '13 at 12:10

JS form post and get answer

3 Answers3