javascript - Why can I not capture the value in my input field? (JS/HTML) -

i trying create validation function input field, problem cannot capture in input field!!

when run test , put in input field, returns nothing...

this code

<form id="myform" name="myform" onsubmit="test();"> <style type="text/css"> .botlayout{ padding-right:130px; margin-right:20px; } </style> <div class="botlayout"> <div name="title" align="left" style="font-size: 13px;"> <font size="4"><b> register </b></font> </div> <div name="indic" align="right" style="font-size: 13px;"> <font size="1"> <font color="#ff0000">*</font>required field </font> </div> <b style="font-weight: bold;"> <div> <div> <div> <b style="font-size: 13px;">first name</b><b> <div style="display: inline !important;"> <div style="display: inline !important;"> <span style="color: #ff0000; font-weight: normal; text-align: -webkit-right;"><font size="2">*</font></span> </div> </div> </b> </div> <div style="font-size: 13px;"> <input type="text" maxlength="50" name="first name" id="first name" value="%%first name%%" size="19" /> </div> </div> <div> <div> <b style="font-size: 13px;">last name</b><b> <div style="display: inline !important;"> <div style="display: inline !important;"> <span style="color: #ff0000; font-weight: normal; text-align: -webkit-right;"><font size="2">*</font></span> </div> </div> </b> </div> <div style="font-size: 13px;"> <input type="text" maxlength="50" name="last name" id="last name" value="" size="19" /> </div> </div> <div> <div> <b style="font-size: 13px;">email</b><b> <div style="display: inline !important;"> <div style="display: inline !important;"> <span style="color: #ff0000; font-weight: normal; text-align: -webkit-right;"><font size="2">*</font></span> </div> </div> </b> </div> <div style="font-size: 13px;"> <input type="text" maxlength="254" name="email" id="email" value="" size="19" /> </div> </div> <div> <div> <b style="font-size: 13px;">company</b><b> <div style="display: inline !important;"> <div style="display: inline !important;"> <span style="color: #ff0000; font-weight: normal; text-align: -webkit-right;"><font size="2">*</font></span> </div> </div> </b> </div> <div style="font-size: 13px;"> <input type="text" maxlength="50" name="company" id="company" value="" size="19" /> </div> </div> <div> <div> <b style="font-size: 13px;">job title</b><b> <div style="display: inline !important;"> <div style="display: inline !important;"> <span style="color: #ff0000; font-weight: normal; text-align: -webkit-right;"><font size="2">*</font></span> </div> </div> </b> </div> <div style="font-size: 13px;"> <input type="text" maxlength="50" name="job title" id="job title" value="" size="19" /> </div> </div> <div style="font-size: 13px;"> <div> <b>contact phone number</b> </div> <div> <input type="text" maxlength="50" name="contact phone number" id="contact phone number" value="" size="19" /> </div> </div> <div> <div> <b style="font-size: 13px;">event location</b><b> <div style="display: inline !important;"> <div style="display: inline !important;"> <span style="color: #ff0000; font-weight: normal; text-align: -webkit-right;"><font size="2">*</font></span> </div> </div> </b> </div> <div style="font-size: 13px;"> <select name="event location" id="event location"> <option value="please select" selected="selected"> please select</option> <option value="adelaide"> adelaide</option> <option value="canberra"> canberra</option> <option value="melbourne"> melbourne</option> <option value="sydney"> sydney</option></select> </div> <div style="font-size: 13px;"> &nbsp; </div> <div style="font-size: 13px;"> <p class="msonormal"> <span style="font-size: 9pt; font-family: arial, sans-serif; color: #333333;">by providing details above consenting receive communications sms management & technology in future, on understanding have read , agree our </span><a href="http://www.smsmt.com/au/privacy-statement" target="_blank" title="http://www.smsmt.com/au/privacy-statement" alias="http://www.smsmt.com/au/privacy-statement" conversion="false"><span style="font-size: 9pt; font-family: arial, sans-serif;">privacy statement</span></a><span style="font-size: 9pt; font-family: arial, sans-serif; color: #333333;">.<o:p></o:p></span> </p> <p class="msonormal"> <span style="font-size: 9pt; font-family: arial, sans-serif; color: #333333;">as event supported rally software, consent receive communication them, according <a href="http://www.rallydev.com/privacy-statement " title="https://www.rallydev.com/privacy-statement " alias="https://www.rallydev.com/privacy-statement " conversion="false">privacy statement</a>. able opt-out of communications @ time.</span><span style="color: #1f497d;"><o:p></o:p></span> </p> </div> </div> <div style="font-size: 13px;"> <input type="submit" value="submit" /> </div> </div> <span style="display: none;" id="post_code">%%[[name="formpost";type="post"]  var @de, @de_col, @updateoptions, @saveoptions, @de_statuscode, @de_statusmsg, @errorcode set @de = createobject("dataextensionobject") setobjectproperty(@de, "customerkey", "agileforgovregistered") set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "email") setobjectproperty(@de_col, "value", requestparameter("email")) addobjectarrayitem(@de, "keys", @de_col) if not isnull(requestparameter("first name")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "first name") setobjectproperty(@de_col, "value", requestparameter("first name")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("last name")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "last name") setobjectproperty(@de_col, "value", requestparameter("last name")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("email")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "email") setobjectproperty(@de_col, "value", requestparameter("email")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("company")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "company") setobjectproperty(@de_col, "value", requestparameter("company")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("company")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "job title") setobjectproperty(@de_col, "value", requestparameter("company")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("contact phone number")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "contact phone number") setobjectproperty(@de_col, "value", requestparameter("contact phone number")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("event location")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "event location") setobjectproperty(@de_col, "value", requestparameter("event location")) addobjectarrayitem(@de, "properties", @de_col) endif set @updateoptions = createobject("updateoptions") set @saveoptions = createobject("saveoption") setobjectproperty(@saveoptions, "propertyname", "dataextensionobject") setobjectproperty(@saveoptions, "saveaction", "updateadd") addobjectarrayitem(@updateoptions, "saveoptions", @saveoptions) set @de_statuscode = invokeupdate(@de, @de_statusmsg, @errorcode, @updateoptions) if @de_statuscode != "ok" raiseerror(@de_statusmsg, 0, @de_statuscode, @errorcode) endif var @ts, @tsdef, @ts_sub, @ts_attr, @tsctr, @ts_subkey, @ts_statuscode, @ts_statusmsg, @errorcode set @ts = createobject("triggeredsend") set @tsdef = createobject("triggeredsenddefinition") set @ts_subkey = requestparameter("email") setobjectproperty(@tsdef, "customerkey", "agileforgovconfirmation") setobjectproperty(@ts, "triggeredsenddefinition", @tsdef) set @ts_sub = createobject("subscriber") setobjectproperty(@ts_sub, "emailaddress", requestparameter("email")) if not empty(@ts_subkey) setobjectproperty(@ts_sub, "subscriberkey", @ts_subkey) else setobjectproperty(@ts_sub, "subscriberkey", requestparameter("email")) endif if not isnull(requestparameter("first name")) set @ts_attr = createobject("attribute") setobjectproperty(@ts_attr, "name", "first name") setobjectproperty(@ts_attr, "value", requestparameter("first name")) addobjectarrayitem(@ts_sub, "attributes", @ts_attr) endif addobjectarrayitem(@ts, "subscribers", @ts_sub) set @ts_statuscode = invokecreate(@ts, @ts_statusmsg, @errorcode) if @ts_statuscode != "ok" raiseerror(@ts_statusmsg, 0, @ts_statuscode, @errorcode) endif ]%%</span> <span style="display: none;" id="post_code">%%[[name="formpost";type="post"]  var @de, @de_col, @updateoptions, @saveoptions, @de_statuscode, @de_statusmsg, @errorcode set @de = createobject("dataextensionobject") setobjectproperty(@de, "customerkey", "agileforgovregistered") set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "email") setobjectproperty(@de_col, "value", requestparameter("email")) addobjectarrayitem(@de, "keys", @de_col) if not isnull(requestparameter("first name")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "first name") setobjectproperty(@de_col, "value", requestparameter("first name")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("last name")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "last name") setobjectproperty(@de_col, "value", requestparameter("last name")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("email")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "email") setobjectproperty(@de_col, "value", requestparameter("email")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("company")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "company") setobjectproperty(@de_col, "value", requestparameter("company")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("company")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "job title") setobjectproperty(@de_col, "value", requestparameter("company")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("contact phone number")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "contact phone number") setobjectproperty(@de_col, "value", requestparameter("contact phone number")) addobjectarrayitem(@de, "properties", @de_col) endif if not isnull(requestparameter("event location")) set @de_col = createobject("apiproperty") setobjectproperty(@de_col, "name", "event location") setobjectproperty(@de_col, "value", requestparameter("event location")) addobjectarrayitem(@de, "properties", @de_col) endif set @updateoptions = createobject("updateoptions") set @saveoptions = createobject("saveoption") setobjectproperty(@saveoptions, "propertyname", "dataextensionobject") setobjectproperty(@saveoptions, "saveaction", "updateadd") addobjectarrayitem(@updateoptions, "saveoptions", @saveoptions) set @de_statuscode = invokeupdate(@de, @de_statusmsg, @errorcode, @updateoptions) if @de_statuscode != "ok" raiseerror(@de_statusmsg, 0, @de_statuscode, @errorcode) endif var @ts, @tsdef, @ts_sub, @ts_attr, @tsctr, @ts_subkey, @ts_statuscode, @ts_statusmsg, @errorcode set @ts = createobject("triggeredsend") set @tsdef = createobject("triggeredsenddefinition") set @ts_subkey = requestparameter("email") setobjectproperty(@tsdef, "customerkey", "agileforgovconfirmation") setobjectproperty(@ts, "triggeredsenddefinition", @tsdef) set @ts_sub = createobject("subscriber") setobjectproperty(@ts_sub, "emailaddress", requestparameter("email")) if not empty(@ts_subkey) setobjectproperty(@ts_sub, "subscriberkey", @ts_subkey) else setobjectproperty(@ts_sub, "subscriberkey", requestparameter("email")) endif if not isnull(requestparameter("first name")) set @ts_attr = createobject("attribute") setobjectproperty(@ts_attr, "name", "first name") setobjectproperty(@ts_attr, "value", requestparameter("first name")) addobjectarrayitem(@ts_sub, "attributes", @ts_attr) endif addobjectarrayitem(@ts, "subscribers", @ts_sub) set @ts_statuscode = invokecreate(@ts, @ts_statusmsg, @errorcode) if @ts_statuscode != "ok" raiseerror(@ts_statusmsg, 0, @ts_statuscode, @errorcode) endif ]%%</span><span style="display: none;" id="post_code"><!-- amp processing placeholder not remove --></span> </b> </div> <script type="text/javascript"> var a=document.forms["myform"]["first name"].value; var b=document.forms["myform"]["last name"].value; var c=document.forms["myform"]["email address"].value; var d=document.forms["myform"]["company"].value; var e=document.forms["myform"]["job title"].value; function test() { if(1===1){ alert(a); alert(b); event.preventdefault(); return false;  } } </script> <input type="hidden" name="__successpage" id="__successpage" value="http://pages.s7.exacttarget.com/agileforgovconfirmation/" /><input type="hidden" name="__errorpage" id="__errorpage" value="" /><input type="hidden" name="__contextname" id="__contextname" value="formpost" /><input type="hidden" name="__executioncontext" id="__executioncontext" value="post" /> 

scroll bottom , @ text/js style, i've been testing ages , can't figure out!

you can't use form elements array collection access it's value. because document.forms['idofform'] return form element not array.

and web standards should not use space in element name , id.

here working form of code http://jsfiddle.net/vcgquvh7/