Binding 2 text fields and changing format

zeetec1's Avatar
Newbie Member

I have 2 text fields on a form, field1 and field 2.

In field1, users enter their full name.

So for example if someone enters Joe Bloggs in field 1, I want it to display this name as an email address in field 2 in the following format:

Is this possible?

I am binding the 2 text fields by using the following code:-

<input name="input1" onkeyup="input2.value=input1.value">
<input name="input2" onkeyup="input1.value=input2.value" +''>

pradeep's Avatar, Join Date: Apr 2005
Team Leader
Yes, it's very much possible with JavaScript!
zeetec1's Avatar
Newbie Member
How? Please provide me some code.

Thank you.
shabbir's Avatar, Join Date: Jul 2004
Go4Expert Founder
You are already doing it correctly. Is there any problem you are facing with the code.
pradeep's Avatar, Join Date: Apr 2005
Team Leader
Code: HTML
<TITLE>Binding 2 text fields and changing format</TITLE>
<script language="JavaScript">
function addEmail(oField)
    var v = oField.value.replace(/[ ]+/,'.');
    v = v+'';

    oField.form.elements['email'].value = v;

<input type="text" name="name" onBlur="addEmail(this);"><br/>
<input type="text" name="email"><br/>