Sera a tutti,
sono 3 giorni che cerco in praticamente tutto il web senza aver trovato nulla che faccia al caso mio, perciò vengo al dunque e spero di trovare consigli utili da voi esperti del settore
Allora, in brevissimo, ho una form con varie input in alcune delle quali ho utilizzato l'attibuto required in modo che la submit parta solamente se tutti i campi "obbligatori" vengano compilati correttamente.
In tutte le input ho inserito etichette "volatili" all'interno, per volatili intendo che sono del tipo scritte in grigio chiaro e che scompaiono appena l'utente clicca sulla relativa input per compilare il campo e ricompaiono invece se uscendo dalla input l'utente non ha inserito nulla.
Es. di input incriminata
Ora il mio problema è che, mentre nelle input type di tipo ad es email o password l'attributo required funziona perfettamente (evita di inoltrare la sumbit ed indica di compilare correttamente i campi required), nelle input di tipo testo invece, riconoscendomi l'etichetta interna (value) come valore valido, anche se l'utente non ha inserito nulla vede il campo come non nullo e quindi la relativa input mi viene convalidata.codice:<input type="text" name="name" id="input_name" value="name" onfocus="onFocusFunction(this)" onblur="onBlurFunction(this)" required/>
Quindi quello che vorrei sapere è, esiste un modo per indicare che l'input può essere convalidato solo se il valore è diverso dal valore di default/etichetta?
Nel caso questa condizione va inserita come parametro dell'attributo required (es. required="this.value!=this.defaultValue" [che per la cronaca ho già provato e non funziona]) o devo usare un pattern in qualche modo?
Grazie a tutti per l'attenzione, spero vivamente in qualche consiglio/esperienza diretta che possa fare al caso in questione.