我的 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 zain@gmail.com)"></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>
最佳答案
使用一些像这样的 Jquery https://jsfiddle.net/2Lzo9vfc/9/
HTML
<div class="DataDivs"><input id="FirstName" type="text" name="FirstName" placeholder="First Name"></div>
<button id="button">Check name</button>
JS
$('#button').click(function() {
var FirstName=document.getElementById("FirstName");//it will get element by id from the form
var FirstNameValue = FirstName.value;
window.alert(FirstNameValue);
});
编辑
如果您不使用ajax,也可以让表单正常工作
<form action="whereYouSendData.php" method="POST">
</form>
关于javascript - 表单元素不打印?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33330477/