我想在javascript + HTML中显示文本字段1 +字段2中前四个字符的结果

Question

我想在javascript + HTML

中显示文本字段1 +字段2中的前四个字符的结果

以下是示例代码

<form onsubmit="return false" oninput="txtFullName.value = txtFirstName.value +''+ txtLastName.value">
First name : <input type="text" name="txtFirstName" /> <br><br>
Last name : <input type="text" name="txtLastName" /> <br><br>
Full name : <input type="text" name="txtFullName"  > <br><br>
</form>

但是在全名中我只想显示名字前四个字符+姓氏已满

如果可能，在完整的姓氏空间中我需要显示dob选择

Answer 1

您可以使用substr(0, 4)获取每个字段的前四个字符。

<form onsubmit="return false" oninput="txtFullName.value = txtFirstName.value.substr(0, 4) +' '+ txtLastName.value.substr(0, 4)">
First name : <input type="text" name="txtFirstName" /> <br><br>
Last name : <input type="text" name="txtLastName" /> <br><br>
Full name : <input type="text" name="txtFullName"  > <br><br>
</form>

Answer 2

你只需做一个简单的改变......使用substr（）就可以了。

<form onsubmit="return false" oninput="txtFullName.value = txtFirstName.value.substr(0, 4) +' '+ txtLastName.value">
First name : <input type="text" name="txtFirstName" /> <br><br>
Last name : <input type="text" name="txtLastName" /> <br><br>
Full name : <input type="text" name="txtFullName"  > <br><br>
</form>

Answer 3

试试这个：

var fName = document.getElementById("txtFirstName").value.substr(0,4);
var lName = document.getElementById("txtLastName").value;
document.getElementById("txtFullName").value = fName + " " + lName;