У меня есть проблема в моем javascript, что мои элементы формы не печатаются. Я работаю над проверкой переднего конца. Я использую здесь document.getElementById для получения элементов формы, но она возвращает пустой в окне Elert ..
Вот мой код:Элементы формы не печатаются?
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Interns</title>
<link rel="stylesheet" type="text/css" href="CompanyRegestration.css">
</head>
<body>
<div id="FormDiv">
<form>
<div id="ParagraphDiv">
<p id="HeadingParagraph">Complete the Form for regestration</p>
<hr id="HeadingLine">
</div>
<div id="RequiredDiv"><p id="RequiredParagraph">*Required</p></div>
<div class="DataDivs"><input id="FirstName" type="text" name="FirstName" placeholder="First Name"></div>
<div class="DataDivs"><input id="LasttName" type="text" name="LastName" placeholder="Last Name"></div>
<div class="DataDivs2"><input id="Email" type="text" name="Email"
placeholder="Enter your Email address (i.e [email protected])"></div>
<div class="DataDivs"><input id="CompanyName" type="text" name="CompanyName" placeholder="CompanyName"></div>
<div class="DataDivs"><input id="Phone" type="text" name="Phone" placeholder="Phone"></div>
<div class="DataDivs"><input id="Website" type="text" name="Website" placeholder="Website"></div>
<div class="DataDivs"><input id="Location" type="text" name="Location" placeholder="Location"></div>
<div class="DataDivs"><input id="Password" type="password" name="Password" placeholder="Password"></div>
<div class="DataDivs"><input id="RePassword" type="password" name="RePassword" placeholder="RePassword"></div>
<input type="submit" value="submit" onClick="getFormElements()">
</form>
</div>
Вот код JavaScript:
<script>
var FirstName=document.getElementById("FirstName");//it will get element by id from the form
var FirstNameValue=new String(FirstName.value);
window.alert(FirstNameValue);
</script>
</body>
Ваш JS должен быть внутри getFormElements() – Mistergreen