Auto populate a text field based on another text field (jQuery)

Question

I am trying to auto-populate a text field based on the value of another input field.

The difference between other questions made in Stack Overflow, is:

PHP or JavaScript scripting language.
The auto populated field should be without accents (áéíóúñ), all characters must be in lowercase and separated with dashes.

As showed in this picture: Input field one (Titulo) and input field two (Titulo Alias)

score 2 · Accepted Answer · edited Feb 08 '12 at 23:19

2

$(document).on('ready', function(){
    $('#titulo').keyup(function() {
        var replacements = {"á":"a", "é":"e", "í":"i", "ó":"o", "ú":"u", "ñ":"n", " ":"-"};
        val = $('#titulo').val().toLowerCase().split('');
        $.each(val, function(i,e){val[i] = replacements[e] ? replacements[e] : e;});
        $('#titulo-alias').val(val.join(''));
    });
});

edited Feb 08 '12 at 23:19

animuson

53,861
28
137
147

answered Feb 03 '12 at 18:10

arley.wilches

36
1
3

score 0 · Answer 2 · edited May 23 '17 at 11:46

0

$('#titulo-alias').val( $('#titulo').val().toLowerCase().replace(' ', '-') );

To remove accents take a look at Remove accents/diacritics in a string in JavaScript

edited May 23 '17 at 11:46

Community

1
1

answered Feb 03 '12 at 17:17

elclanrs

92,861
21
134
171

score 0 · Answer 3 · answered Feb 03 '12 at 17:20

0

$('#titulo-alias').val( $('#titulo').val().toLowerCase().replace(' ', '-').replace('á', 'a').replace('é', 'e').replace('í', 'i').replace('ó', 'o').replace('ú', 'u').replace('ñ', 'n') );

answered Feb 03 '12 at 17:20

Leysam Rosario

379
2
11

Sorry for the late responce. I havent really test this code before posting. Im on a rush that day. Anyway glad that your problem is solve. cheers! – Leysam Rosario Feb 08 '12 at 10:04

Auto populate a text field based on another text field (jQuery)

3 Answers3