Script to auto fill fields based on other fields

[Samuel Murray]

G'day everyone

I'm not a JavaScript programmer, so I wonder if you could point me in
the right direction or simply tell me how to do the following.

I'd like to submit a patch for the registration page of Pootle
servers. Pootle is a GPL system for translation of software (usually
volunteer work).

What happens is that when a user registers, he fills in his real name,
his preferred user name, and his e-mail address. I would like to add
two more fields, but I want those fields filled in automatically based
on what the user filled in in the previous fields... although if the
user wants to change the information before submitting the form, he
should be able to do so.

At the moment, the fields are:

Username: [_____________]
Real name: [_____________]
E-mail: [______________]

I want to have to more fields:

Display name (public): [_______________ _]
Display name (private): [_______________ _]

If the user's real name is Joe Soap, and his mail address is
jo*@soap.com, I want the public display name to be this:

Joe Soap <joe[at]soap[dot]com>

....and I want the private display name to be this:

Joe Soap <jo*@soap.com >

By filling in this information automatically, I remove the need to
explain to the user what kind of information I want in there. If the
user decides that he does not want to display his name, he can delete
it or further munge it before pressing "Submit".

Ideally, I want the information filled in automatically (either in
real time or when the user's cursor leaves the field) but a solution
that requires the user to press a button or buttons next to the fields
would also be fine.

Is this fairly simple to do? I hope so :-)

Thanks in advance
Samuel (aka leuce, voetleuce)

[GArlington]

On Sep 16, 10:14*am, Samuel Murray <le...@absamail .co.zawrote:

G'day everyone

I'm not a JavaScript programmer, so I wonder if you could point me in
the right direction or simply tell me how to do the following.

I'd like to submit a patch for the registration page of Pootle
servers. *Pootle is a GPL system for translation of software (usually
volunteer work).

What happens is that when a user registers, he fills in his real name,
his preferred user name, and his e-mail address. *I would like to add
two more fields, but I want those fields filled in automatically based
on what the user filled in in the previous fields... although if the
user wants to change the information before submitting the form, he
should be able to do so.

At the moment, the fields are:

Username: [_____________]
Real name: [_____________]
E-mail: [______________]

I want to have to more fields:

Display name (public): [_______________ _]
Display name (private): [_______________ _]

If the user's real name is Joe Soap, and his mail address is
[e-mail], I want the public display name to be this:

Joe Soap <joe[at]soap[dot]com>

...and I want the private display name to be this:

Joe Soap <[e-mail] m>

By filling in this information automatically, I remove the need to
explain to the user what kind of information I want in there. *If the
user decides that he does not want to display his name, he can delete
it or further munge it before pressing "Submit".

Ideally, I want the information filled in automatically (either in
real time or when the user's cursor leaves the field) but a solution
that requires the user to press a button or buttons next to the fields
would also be fine.

Is this fairly simple to do? *I hope so :-)

Thanks in advance
Samuel (aka leuce, voetleuce)

What you are looking for is RegEx, it makes sense to run a script when
e-mail address (as it is last in your display) looses focus -
concatenate "Real name" and "E-mail" to get the "Display name
(private)" and then use RegEx to replace @ and .(s) with your
replacement strings...
Use Google to find RegEx [Regular Expressions] tutorials

[Bart Van der Donck]

Samuel Murray wrote:

Username: [_____________]
Real name: [_____________]
E-mail: [______________]
I want to have to more fields:
Display name (public): [_______________ _]
Display name (private): [_______________ _]

If the user's real name is Joe Soap, and his mail address is
[e-mail], I want the public display name to be this:
Joe Soap <joe[at]soap[dot]com>
...and I want the private display name to be this:
Joe Soap <[e-mail] m>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Regula r Expression</title>
<script type="text/javascript">
function writenew() {
var f = document.forms[0];
var e = f.email.value.r eplace(/@/, '[at]');
e = e.replace(/\.([a-z]{2,6}$)/i, '[dot]$1');
f.public.value = f.username.valu e + ' <' + e + '>';
f.private.value = f.username.valu e + ' <' + f.email.value + '>';
}
</script>
</head>
<body>
<form method="get" action="#">
<pre>
Username : <input name="username" onKeyUp="writen ew()">
Real name: <input name="realname" onKeyUp="writen ew()">
E-mail : <input name="email" onKeyUp="writen ew()">
Public : <input name="public">
Private : <input name="private">
</pre>
</form>
</body>
</html>

Hope this helps,

--
Bart

[viktor]

On 17 Sep, 17:20, Bart Van der Donck <[e-mail] mwrote:

Samuel Murray wrote:

Username: [_____________]
Real name: [_____________]
E-mail: [______________]
I want to have to more fields:
Display name (public): [_______________ _]
Display name (private): [_______________ _]

If the user's real name is Joe Soap, and his mail address is
[e-mail], I want the public display name to be this:
Joe Soap <joe[at]soap[dot]com>
...and I want the private display name to be this:
Joe Soap <[e-mail] m>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
*"http://www.w3.org/TR/html4/strict.dtd">
<html>
*<head>
* <title>Regula r Expression</title>
* <script type="text/javascript">
* *function writenew() *{
* * var f = document.forms[0];
* * var e = f.email.value.r eplace(/@/, '[at]');
* * e = e.replace(/\.([a-z]{2,6}$)/i, '[dot]$1');
* * f.public.value = f.username.valu e + ' <' + e + '>';
* * f.private.value = f.username.valu e + ' <' + f.email.value + '>';
* *}
* </script>
*</head>
*<body>
* <form method="get" action="#">
* *<pre>
* * Username : <input name="username" onKeyUp="writen ew()">
* * Real name: <input name="realname" onKeyUp="writen ew()">
* * E-mail * : <input name="email" onKeyUp="writen ew()">
* * Public * : <input name="public">
* * Private *: <input name="private">
* *</pre>
* </form>
*</body>
</html>

Hope this helps,

--
*Bart

Hello!

I wan´t a function like this but my first field is the email.

email: ______________

name: _______________
hompage: _______________ _
company: _______________
I want the form to do this:

email: Jo*****@mycompa ny.com

name: Joe Doh <---Autofilled
homepage: http://www.mycompany.com <--- autofilled
company: Mycompany <--- autofilled

All the autofilled parts can you edit after as the orginal script.

Hope you can help me!

[Viktor]

On 26 Sep, 00:05, [e-mail] wrote:

On 17 Sep, 17:20, Bart Van der Donck <[e-mail] mwrote:

Samuel Murray wrote:

Username: [_____________]
Real name: [_____________]
E-mail: [______________]
I want to have to more fields:
Display name (public): [_______________ _]
Display name (private): [_______________ _]

If the user's real name is Joe Soap, and his mail address is
[e-mail], I want the public display name to be this:
Joe Soap <joe[at]soap[dot]com>
...and I want the private display name to be this:
Joe Soap <[e-mail] m>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
*"http://www.w3.org/TR/html4/strict.dtd">
<html>
*<head>
* <title>Regula r Expression</title>
* <script type="text/javascript">
* *function writenew() *{
* * var f = document.forms[0];
* * var e = f.email.value.r eplace(/@/, '[at]');
* * e = e.replace(/\.([a-z]{2,6}$)/i, '[dot]$1');
* * f.public.value = f.username.valu e + ' <' + e + '>';
* * f.private.value = f.username.valu e + ' <' + f.email.value + '>';
* *}
* </script>
*</head>
*<body>
* <form method="get" action="#">
* *<pre>
* * Username : <input name="username" onKeyUp="writen ew()">
* * Real name: <input name="realname" onKeyUp="writen ew()">
* * E-mail * : <input name="email" onKeyUp="writen ew()">
* * Public * : <input name="public">
* * Private *: <input name="private">
* *</pre>
* </form>
*</body>
</html>

Hope this helps,

--
*Bart

Hello!

I wan´t a function like this but my first field is the email.

email: ______________

name: _______________
hompage: _______________ _
company: _______________

I want the form to do this:

email: Joe....@mycompa ny.com

name: Joe Doh * <---Autofilled
homepage:http://www.mycompany.c om*<--- autofilled
company: Mycompany <--- autofilled

All the autofilled parts can you edit after as the orginal script.

Hope you can help me!- Dölj citerad text -

- Visa citerad text -

Anyone??