如何使用HTML表单将数据发送到javascript以另存为变量

Question

I want to use html and javascript (strictly no php) to have a html data entry form to pass data to js to be saved as a variable. Any help would be appreciated :)

This is what a have so far:

        <form id="myform"> //form name
            What is your name: <input type='text' name='name'> //name input
            <a href="javascript: formCatch(name)">Go</a> // running some kind of function?
        </form>

and then the js side

var name = 'test';   

function formCatch() { //declare function 'formCatch'
        name = document.forms["myform"].submit();  // set the name variable as the contents from the form
        alert('hello, ' + name); // alert to test the output
    }

I'm pretty sure the second line of the function is incorrect.
What I'm looking for in that function is for the data entered into the form on the html page to be saved as the name variable.

Answer 1

(EDITED)

HTML :

What is your name: <input type='text' id='name'/> 
            <a onclick="formCatch();" href="#">Go</a> 

JS :

function formCatch() { 
        name = getElementById("name").value;
        alert('hello, ' + name);
    }

Answer 2

maybe it's what you're looking for:

<script>
    var name = 'test';   

    function formCatch() {
        document.forms["myform"].submit();
        name = document.getElementById("name").value;
        alert('hello, ' + name);
    }
</script>

<form id="myform">
    What is your name: <input id="name" type='text' name='name'>
    <a href="javascript:formCatch();">Go</a>
</form>

See this demo

Answer 3

您不需要提交表单，只需访问您的姓名值即可。

name = document.forms["myForm"]["name"].value;