How to get values from a form posted using javascript

Question

I was trying to submit a form using a javascript function,and below is my javascript function

   function submit_form(id_textarea,image_name_IN){
//var value_filled_textbox=document.getElementById(textarea_id_in).value;
var form=document.createElement("form_temp");//temporary dummy form
form.setAttribute("method","post");//its a post method
 form.setAttribute("action","comment.php"); // to which the page needs to be submitted

    var comment_value=document.getElementById(id_textarea).value; // gets the content of textarea
   // alert(comment_value);// just to make sure that you are getting the commeted text area content
     //create a hidden field for comments text
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", "comment_content");
          hiddenField.setAttribute("value", comment_value);

           form.appendChild(hiddenField);
        //   create a hidden field for passing image name
        var hiddenField2 = document.createElement("input");
            hiddenField2.setAttribute("type", "hidden");
            hiddenField2.setAttribute("name", "image_name" );
            hiddenField2.setAttribute("value",image_name_IN );

            form.appendChild(hiddenField2);

   document.body.appendChild(form);
    form.submit();
//alert(value_filled_textbox);
window.open("http://127.0.0.1/comment.php");
//document.getElementById('myform').submit();
}

while posting comment , I was getting two comment.php window,one with a result and the other with two warnings saying that undefined values "image_name" and "comment_content"

use jQuery submit api.jquery.com/submit to submit form.

Subodh Ghulaxe
– Subodh Ghulaxe

2013-10-01 09:39:04 +00:00
Commented Oct 1, 2013 at 9:39 — Subodh Ghulaxe
– Subodh Ghulaxe, Commented Oct 1, 2013 at 9:39
What isn't a function?

CodingIntrigue
– CodingIntrigue

2013-10-01 09:40:00 +00:00
Commented Oct 1, 2013 at 9:40 — CodingIntrigue
– CodingIntrigue, Commented Oct 1, 2013 at 9:40
im getting that submit.form() is not a function

prakashfire
– prakashfire

2013-10-01 09:40:23 +00:00
Commented Oct 1, 2013 at 9:40 — prakashfire
– prakashfire, Commented Oct 1, 2013 at 9:40
submit.form() is not shown anywhere here.

CodingIntrigue
– CodingIntrigue

2013-10-01 09:40:53 +00:00
Commented Oct 1, 2013 at 9:40 — CodingIntrigue
– CodingIntrigue, Commented Oct 1, 2013 at 9:40
@SubodhGhulaxe Don't, just don't.

Mark
– Mark

2013-10-01 09:46:28 +00:00
Commented Oct 1, 2013 at 9:46 — Mark
– Mark, Commented Oct 1, 2013 at 9:46

devnull69 · Accepted Answer · 2013-10-01 09:42:26Z

2

Your form must be a <form> ... you used a non-existing HTML element <form_temp> which (of course) doesn't have a submit() method

var form=document.createElement("form");//temporary dummy form

answered Oct 1, 2013 at 9:42

devnull69

16.6k9 gold badges55 silver badges67 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

peernohell · Accepted Answer · 2013-10-01 09:41:25Z

2

It's because form_temp is not a vaild form element. create a just a form element and it will get the submit function

var form=document.createElement("form");//temporary dummy form

answered Oct 1, 2013 at 9:41

peernohell

8175 silver badges12 bronze badges

Comments

Chirag Shah · Accepted Answer · 2013-10-01 10:09:24Z

0

USE

var comment_value=document.getElementById('id_textarea').value;

instead of

var comment_value=document.getElementById(id_textarea).value;

answered Oct 1, 2013 at 10:09

Chirag Shah

1,4742 gold badges18 silver badges41 bronze badges

1 Comment

prakashfire Over a year ago

if i use var comment_value=document.getElementById('id_textarea').value; then it shows a error that document.getElementById is null

Collectives™ on Stack Overflow

How to get values from a form posted using javascript

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related