Quando metto il focus su un tag input escono fuori l'elenco delle user

**giannino1995** · 01-10-2018, 17:19

Ho creato un’applicazione Web su Java e ho un problemino con Javascript. Quando punto alla pagina index.jsp desidero che il primo tag input sia di default selezionato per evitare che l’utente debba cliccare con il mouse sull’oggetto per digitare la user.
Il codice che uso è questo:

codice:

$(document).ready(function () {
    if (!$('p').hasClass('rosso-porpora') & !$('p').hasClass('verde-pisello')) {
        $("div.respform [name='UserID']").focus();
    } else {
        $("div.respform [name='UserID']").blur();
    }
});

codice:

<div>
        <p>Inserire nei campi sottostanti la tua 'user ID' e la tua 'password':</p>
        <div class="respform">
            <form action="/autenticazione.jsp" method="POST">
                <label>User ID:</label>
                <p class="">
                    <input type="text" name="UserID" value=""
                           class="UserID">
                </p>
                <label>Password:</label>
                <p class="">
                    <input type="password" name="Password" value="">
                </p>
                <p><input type="submit" value="Login"></p>
        </form>
        </div>

Lo script funziona ma non alla perfezione perché quando punto alla index.jsp escono fuori tutti le user che il browser ha salvato in cache.
Vedere foto:
https://prnt.sc/l0w8v2
Avete qualche consiglio?
Grazie

**m4rko80** · 03-10-2018, 09:47

Ciao, hai provato ad usare sul tag input l'attributo autocomplete="off" ?
https://www.w3schools.com/tags/att_i...tocomplete.asp

**giannino1995** · 03-10-2018, 14:19

Originariamente inviata da m4rko80

Ciao, hai provato ad usare sul tag input l'attributo autocomplete="off" ?
https://www.w3schools.com/tags/att_i...tocomplete.asp

Si, non funziona, ottengo lo stesso identico problema. Se premo 'Esc' sulla tastiera però risolvo. Con jQuery posso premere 'Esc' sulla tastiera?
ciao

**giannino1995** · 03-10-2018, 14:33

Se uso l'html5 non va, se uso jquery neppure. Riporto il codice js:

codice:

$(document).ready(function () {
    if (!$('p').hasClass('rosso-porpora') & !$('p').hasClass('verde-pisello')) {
        //$("div.respform [name='UserID']").focus();
        //$("div.respform [name='UserID']").easyAutocomplete("off");

$("div.respform [name='UserID']").live('focus',function(){
            $(this).attr('autocomplete', 'off');
        });


    } else {
        $("div.respform [name='UserID']").blur();
    }
});

**m4rko80** · 04-10-2018, 16:36

Prova e mettere readonly all'input e sull'evento focus con jQuery rimuoverlo.

**cavicchiandrea** · 04-10-2018, 18:28

codice:

$(document).ready(function () {
    $("input [name='UserID']").attr('autocomplete', 'off').focus();
});

**giannino1995** · 04-10-2018, 21:27

Originariamente inviata da cavicchiandrea

codice:

$(document).ready(function () {
    $("input [name='UserID']").attr('autocomplete', 'off').focus();
});

avevo già provato anche questo codice...
purtroppo non funziona, non vedo il focus nel tag...
mettere questo codice o non mettere nulla è la stessa cosa

**cavicchiandrea** · 05-10-2018, 10:50

Originariamente inviata da giannino1995

avevo già provato anche questo codice...
purtroppo non funziona, non vedo il focus nel tag...
mettere questo codice o non mettere nulla è la stessa cosa

Questo script deve funzionare, se non va il problema è altrove. Posta la pagina demo online

**giannino1995** · 05-10-2018, 22:18

La pagina è dinamica. Ti posto l'html:

codice:

<!DOCTYPE html>
<html lang="it">
<head>
    <!-- Meta -->
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="description" content="Applicazione web per la gestione di coordinate spaziotemporali">
    <meta name="keywords" content="HTML,CSS,Java,Maven,JavaScript">
    <meta name="author" content="Nome Cognome">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Esercitazione 1</title>
    <!-- Librerie JS & CSS -->
    <script src="/librerie/jquery-3.3.1.min.js"></script>
    <!--
    <script src="/librerie/bootstrap.min.js"></script>
    <link href="/librerie/bootstrap.min.css" rel="stylesheet" media="screen">
    -->
    <!-- assenti... -->
    <!-- CSS -->
    <link rel="stylesheet" type="text/css" href="/css/roboto_font.css">
    <link rel="stylesheet" type="text/css" href="/css/tema.css">
    <!-- JS -->
    <script src="/js/index.js"></script>
</head>
<body class="stile_pagina">





<!-- Inserimento nella pagina di login il form che rimanda alla servlet di autenticazione. -->

    <h4>Pagina di login</h4>
    <div>
        <p>Inserire nei campi sottostanti la tua 'user ID' e la tua 'password':</p>
        <div class="respform">
            <form action="/autenticazione.jsp" method="POST">
                <label>User ID:</label>
                <p class="">
                    <input type="text" name="UserID" value=""
                           class="UserID">
                </p>
                <label>Password:</label>
                <p class="">
                    <input type="password" name="Password" value="" class="">
                </p>
                <p><input type="submit" value="Login" class=""></p>
        </form>
        </div>
        
    </div>
    <div class="grigio-50">
        <p>L'applicazione ha i seguenti utenti registrati:</p>
        <p>User 1: <strong>Topolino</strong> Password: <strong>p1</strong></p>
        <p>User 2: <strong>Pippo</strong> Password: <strong>p2</strong></p>
        <p>User 3: <strong>Pluto</strong> Password: <strong>p3</strong></p>
        <p>User 4: <strong>Paperino</strong> Password: <strong>p4</strong></p>
    </div>







<div>
    <p>Nome Cognome | &copy; 2018, <a target="_blank" href="/policy_privacy.pdf">Policy Privacy</a>
        , il tuo IP: 192.168.56.1</p>
</div>
</body>
</html>

**cavicchiandrea** · 05-10-2018, 23:48

Con html ci si fa poco, se non puoi mettere una pagina demo online. Verifica che non ci sia errori nella console di più non so che dire

Discussione: Quando metto il focus su un tag input escono fuori l'elenco delle user

Strumenti discussione

Ricerca discussione

Visualizza

Quando metto il focus su un tag input escono fuori l'elenco delle user

Permessi di invio