how to work with elements inputted in forum after onsubmit

Question

how to make the elements inputted by user appear in the submit result for example in a forum contains a name input and submit button , how to make the name interred by the user appear in an alert after he click submit

Answer 1

Add an 'onsubmit' attribute to the form, then set the attribute's value to a JavaScript function.

<form onsubmit="checkForm()">

And create the JavaScript function 'checkForm' (you are free to name the function but keep it sync with 'onsubmit' value).

function checkForm()
{
alert("Name: " + Name.value);
event.preventDefault();
return false;
}

Assuming `Name` was the Id of the text input.

Mind that form data processing was supposed to be the back-end code task, this approach is more or less usable just to check input validity, where you can choose to allow form data submission or not.

The `event.preventDefault();` is used to abort the form submission process, in this sample it is used because we only want to test alerting the name.

Hth, cmiiw

Answer 2

can u please just give me an example , for html and Js

Answer 3

Can you share your code so I can see it please?

Also, which part of it wasn't clear? don't tell me you're giving up on this now ...

Answer 4

i have another question , how can i use more than one item , for example above the alert will show name so how can i add for example age so it show name:expl , age:expl !

Answer 5

another question . can we style the document.write resulted page ? like a background...etc

Answer 6

Why do you want to use `document.write` can you explain me?

Answer 7

It's possible if you use inline CSS to style the elements, but it was rather impractical, forget it altogether.
Good job! and Thanks ✌

Answer 8

But I just did buddy, please try to make the changes I suggest, then share the code link, then if any problem I will try to help OK 👍

Answer 9

im sorry but its not clear to me because im useless at javascript

Answer 10

no it worked now thanks

Answer 11

i found it thanks

Answer 12

insted of alert i used document.write because the message is long and now i want to know if i can style the message

Answer 13

Okay, well, I can't say I would recommend that way, `document.write` rewrites the document from scratch, everything will be gone but what we write by that.

Are you familiar with `document.getElementById()`function? and how to change element's text using `<element>.innerHTML` ? I would encourage you to lookup for these, by then you should be able to modify an element's text (to show name & age) without rewriting the document entirely.

Answer 14

thanks I've handled everything i just dont know if i can style the document.write result

Answer 15

thanks

Answer 16

heres the code
https://code.sololearn.com/WphIr15266OQ/?ref=app