Snippets

Sergio de EOM Generar texto Slug con jQuery de un campo a otro

Created by Sergio N. last modified

<!--Ejemplo de como utilizarlo-->
<form>
    <input type='text' name='descripcion' id='descripcion'/>
    <input type='text' name='flag_estado' id='flag_estado'/>
</form>

<script>
    // Function Slug
    var slug = function(str) {
        var $slug = '';
        var trimmed = $.trim(str);
        $slug = trimmed.
        replace(/á/g, 'a').
        replace(/é/g, 'e').
        replace(/í/g, 'i').
        replace(/ó/g, 'o').
        replace(/ú/g, 'u').
        replace(/ñ/g, 'n').
        replace(/[^a-z0-9-]/gi, '_').
        replace(/-+/g, '_').
        replace(/^-|-$/g, '');
        return $slug.toLowerCase();
    };
    $(function(){
        // Cambia con el FOCUS
        $('#flag_estado').on('focus', function(e){
            // Esta sin datos el input a insertar el Slug generado..?
            if($('#flag_estado').val().trim().length<=0){
                // Get text #descripcion insert in #flag_estado
                $('#flag_estado').val( slug($('#descripcion').val().toString().substring(0, 20)) );
            }
        });
    });
</script>

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.