Nel modulo di registrazione, i campi modulo non vengono salvati nel riempimento automatico del browser su invio. (ReactJs)

Question

Ho un modulo di registrazione nel mio sito in cui sto salvando i campi e dopo aver salvato il modulo quando l'utente torna di nuovo a quella registrazione modulo Voglio che i valori dei campi precedenti vengano salvati nel riempimento automatico del browser. sotto è il mio frammento di codice -

<form class="clearfix"> 
    <input autocomplete="given-name" name="firstName" type="text" placeholder="Enter First Name" class="form-control" value=""> 
    <input autocomplete="family-name" name="lastName" type="text" placeholder="Enter Last Name" class="form-control" value=""> 
    <input autocomplete="email" name="email" type="text" placeholder="Enter Email" class="form-control" value=""> 
    <input autocomplete="tel" name="phoneNumber" type="text" placeholder="Enter Number" class="form-control contactMask" value=""> 
    <input autocomplete="address-line1" name="addressLine1" type="text" placeholder="Street 1" class="form-control"> 
    <input autocomplete="address-line2" name="addressLine2" type="text" placeholder="Street 2" class="form-control" value=""> 
    <a href="javascript:void(0);" className="btn baseBtn primeBtn" onClick={this.signupUser}>Sign Up</a> 
</form> 

In questo codice onClick di tag di ancoraggio sto facendo chiamata AJAX tramite funzione utente iscrizione. e dopo voglio che i dati degli utenti vengano riempiti automaticamente nei browser con l'indirizzo di compilazione automatica in chrome.

• ho provato sotto i sensi: -

  1.Few persone suggerito di usare la forma "submit" funzionalità del pulsante per salvare i dati in riempimento automatico, piuttosto che dover ajax tag form chiamata di ancoraggio evento onClick. ma anche questo non funziona nel mio caso.

  2. Sono passati pochi post in cui è stato detto di utilizzare il nome corretto e l'attributo di completamento automatico per il campo. ma usando quel browser puoi solo indovinare i valori dei campi corretti.

Answer 1

Sto rispondendo alla mia domanda. In realtà, ho semplicemente ignorato che non sto inviando direttamente il mio modulo. Sul backend usiamo grails e usiamo solo per le API REST. sul frontEnd abbiamo react.js ma richieste e risposte vengono notificate da Nginx. Quindi il modulo non viene inviato ai grails, ecco perché sul modulo di invio dei dati non veniva salvato nella compilazione automatica del browser.