2016-02-14 11 views
5

Seguo lo How to clear a textbox using javascript ma il mio scenario non cambia molto. Ho un pulsante di accesso e quando l'utente fa clic sul login è aperta una finestra pop-up. Riempie la casella di testo e per qualche motivo torna alla pagina principale. Quando viene di nuovo nella finestra popup di accesso, il valore precedente non viene cancellato. Può essere perché la pagina non è caricata. E non voglio caricare di nuovo la pagina. Voglio usare JQuery/JavaScript per rimuovere il testo inserito. Ho idea di scrivere codice all'interno del pulsante Chiudi ma non so come cancellare le caselle di testo. Per favore aiuto.Come cancellare il testo di asp: TextBox quando l'utente apre nuovamente la finestra pop-up?

Ecco il codice, lo scenario è che ho utilizzato il popup per l'accesso e la registrazione. Nel popup di accesso è presente il link "Non hai un ID di accesso" quando l'utente fa clic su di esso, il pop-up di iscrizione è aperto.

<a href="#" id="signUp" onclick="function_deletePreviousData">Don't have Login Id</a> 

E il metodo JavaScript è

<script type="text/javascript"> 
     function function_deletePreviousData(){ 
      document.getElementById("signUp").value = ""; 
     } 
    </script> 

ma non accadde nulla. Penso che questo sia dovuto al fatto che non fornisco l'id di un elemento, ma do solo l'id dell'elemento che ho usato per atterrare sul modulo di iscrizione. Qualsiasi idea per cancellare tutti i moduli senza accedere a tutti gli elementi e dargli un valore nullo.

+2

Senza vedere il codice corrente dubito che potremmo essere d'aiuto ... – RunningFromShia

+0

se hai citato il tuo codice sarà facile trovare la soluzione per il problema ... –

+0

RunningFromShia ed Enoch Aggiungo il codice per favore rivedere e dare qualche idea. Anticipo grazie –

risposta

3

Finalmente trovo il metodo in JQuery per ripristinare tutti i campi. Solo reset trigger.

$('#form').trigger("reset"); 

Grazie a tutti per l'aiuto.

2

Invece di includere il codice nell'evento di chiusura del pulsante, dovremmo scrivere il codice nel pulsante di accesso. Questo è uno dei miei suggerimenti.

Prova questa volta:

Javascript:

<script type="text/javascript"> 
function LoginButtonClick() { 
    document.getElementById`("TextBox_Id").value = ""; 
} 
</script> 

JQuery:

jQuery("#LoginButton_Id").Click(function() 
{ 
    $('#TextBox_Id').val(""); 
}); 
+0

Gentile, scrivo lo stesso come hai detto tu. Ma non è successo niente. e la linea che chiama la funzione è: Don't have Login Id

+0

In questa istruzione document.getElementById ("** signUp **"). Value = "";, si prega di citare l'id della propria casella di testo non il proprio id del tag di ancoraggio. –

+0

funziona, ora ho 20 caselle di testo e con questo metodo scrivo 20 istruzioni nella funzione JavaScript. C'è un modo o un metodo in JavaScript/JQuery per cancellare tutti i dati del modulo. –

Problemi correlati