Question

我的javascript中有问题，我的表单元素没有打印。我正在进行前端验证。我在这里使用document.getElementById获取表单元素，但它在窗口elert中返回空。
这是我的代码：

txt_stud_id.Text

以下是javascript代码：

<!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>

Answer 1

使用一些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>

Answer 2

您已在输入元素中点击提交编写了一个javascript函数，但不是在脚本标签内写的，所以这会奏效;

＆＃13;

<script>
function getFormElements(){
	var FirstName=document.getElementById("FirstName");//it will get element by id from the form
	var FirstNameValue=new String(FirstName.value);
	window.alert(FirstNameValue);
}
</script>

＆＃13;

<script> function getFormElements(){ var FirstName=document.getElementById("FirstName");//it will get element by id from the form var FirstNameValue=new String(FirstName.value); window.alert(FirstNameValue); } </script>

Answer 3

你做对了......但是你没有使用事件处理程序。

例如，如果我在First Name上使用'blur'事件处理程序，那么当用户存在该字段时，事件将触发并且您的代码将被执行。

在你的演员表中有两种方法：

<强>一：

将名字输入标签更改为。

<input id="FirstName" type="text" onblur="show_first_name();" name="FirstName" placeholder="First Name">

并更改脚本：

function show_first_name() {
    var FirstName=document.getElementById("FirstName");
    var FirstNameValue=FirstName.value();
    window.alert(FirstNameValue);
}

<强>两个

保留您的名字字段。

更改脚本：

document.getElementById('FirstName').onblur = function() {
    var FirstName = this;
    var FirstNameValue = this.value();
    window.alert(FirstNameValue);
}

希望这有帮助。

表格元素不打印？

3 个答案: