Binding 2 text fields and changing format

zeetec1's Avatar, Join Date: Nov 2007
Newbie Member
Hi,

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:

Joe.Bloggs@myexample.co.uk

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" +'@myexample.co.uk'>

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

Thank you.
0
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.
0
pradeep's Avatar, Join Date: Apr 2005
Team Leader
Code: HTML
<HTML>
<HEAD>
<TITLE>Binding 2 text fields and changing format</TITLE>
<script language="JavaScript">
function addEmail(oField)
{
    var v = oField.value.replace(/[ ]+/,'.');
    v = v+'@myexample.co.uk';

    oField.form.elements['email'].value = v;
}
</script>
</HEAD>

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