Attributo required non viene considerato

[condor_uk]

Buongiorno a tutti,
ho un problema che sto riscontrando con l'attributo required:

Ho un form all'interno di una pagina php che tramite post passa i dati ad una pagina che si occupa di memorizzare i dati in un database. Da qualche tempo, non mi vengono più validati i campi impostati con l'attributo required, provo a postare un esempio nella speranza di ricevere un consiglio, perchè mi sto ritrovando campi caricati nel db ma non valorizzati:

Riporto un estratto del form, questa la parte iniziale:

<form class="form" method="post" id="modulo" action="index.php?page=salva" enctype="multipart/form-data">
<div class="form-container">
<div class="card-commesse">  
<div class="card-header">Anagrafica Cliente</div>  
<div class="card-block">
    <div class="row">
        <div class="col-md-2">
              <div class="input-group">
                <span class="input-group-addon"><i class="far fa-calendar-alt" aria-hidden="true"></i></span>
                <input type="text" class="form-control" id="datepicker" placeholder="Data Commessa" name="data" autocomplete="off" required="required">
              </div>
        </div>
    </div>

questa la parte finale

<div class="text-right">
        <button type="button" class="btn btn-success right" onclick="if(confirm('Vuoi registrare?')){this.form.submit();}">Registra</button>
    </div>
      </div><!--Close Form Container--></form><!--Close Form-->

Questo problema di verifica con tutti i browser...

[Vincent.Zeno]

Questo problema di verifica con tutti i browser...

quindi hai potuto verificare personalmente la questione, giusto?
il problema lo riscontri lato client compilando il form (quindi non vedi il tooltip di required) o solo non trovi i dati che dovrebbero essere registrati?

[condor_uk]

Buongiorno Vincent.Zeno,
ti confermo che il problema lo riscontro lato client, proprio come hai inquadrato tu la questione non viene evidenziato il campo che dovrebbe essere "obbligatorio"

[Vincent.Zeno]

serve vedere la pagina dal vivo o una demo equivalente

[Vincent.Zeno]

ho fatto un piccolo test e vedo che l'uso di una richiesta d'invio tramite JS (this.form.submit()) rende inutile la richiesta "required".
devi cambiare strategia

[condor_uk]

Caspita
adesso mi ritrovo un bel grattacapo, stando alla tua esperienza, potrei validare i campi utilizzando magari javascript o cosa faresti al mio posto ? Purtroppo o per fortuna a me serve javascript per chiedere conferma all'utente prima di registrare dei dati.

[Vincent.Zeno]

la validazione lato client è solo "preventiva" e inaffidabile.
va fatta dal server dove hai il reale controllo di tutto.

eliminerei l'alert js di conferma: non è realmente utile ai fini del programma.
tutti gli avvisi è meglio elaborarli lato server e restituirli al client stampati sulla pagina di risposta.

l'alternativa è l'uso di ajax, ma è solo per l'aspetto client. di fatto potrai fare i controlli lato server.

[condor_uk]

eliminerei l'alert js di conferma: non è realmente utile ai fini del programma

In realtà quella conferma è stata inserita perchè l'utente frequentemente in fase di compilazione della commessa, premeva involontariamente il tasto invio e la commessa veniva automaticamente registrata nel database senza che effettivamente la compilazione della stessa fosse stata completata.

Avevo anche pensato di porre il tasto "Salva Commessa" in uno stato "disable" e farlo attivare solo quando tutti i campi obbligatori sono stati valorizzati, ma sinceramente non so come fare

[carlomarangoni]

Non mi sembra piò una questione di HTML5!
Ti sposto in JS o preferisci un linguaggio lato server?

[condor_uk]

Non mi sembra piò una questione di HTML5!
Ti sposto in JS o preferisci un linguaggio lato server?

Buonasera carlomarangoni,
grazie per l'intervento, spostami pure nella sezione JS, qual'ora non dovessi riuscire a risolvere valuto poi un post nei forum lato server.

Grazie ancora a tutti per gli interventi.