Binding 2 text fields and changing format

Newbie Member
22Nov2007,19:48   #1
zeetec1's Avatar
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.
Team Leader
23Nov2007,10:13   #2
pradeep's Avatar
Yes, it's very much possible with JavaScript!
Newbie Member
26Nov2007,14:26   #3
zeetec1's Avatar
How? Please provide me some code.

Thank you.
Go4Expert Founder
26Nov2007,17:24   #4
shabbir's Avatar
You are already doing it correctly. Is there any problem you are facing with the code.
Team Leader
27Nov2007,10:19   #5
pradeep's Avatar
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>