Hoe verander ik het standaardbericht van het vereiste veld in de popover van formuliercontrole in bootstrap?

hoe kunnen we dit standaardbericht van popover van het verplichte veld “Vul dit veld in” veranderen in “vul gebruikersnaam in”

Antwoord 1, autoriteit 100%

U kunt de functie setCustomValiditygebruiken wanneer de gebeurtenis oninvalidplaatsvindt.

Zoals hieronder:-

<input class="form-control" type="email" required="" 
    placeholder="username" oninvalid="this.setCustomValidity('Please Enter valid email')">
</input>

Bijwerken:-

Om het bericht te wissen zodra u begint met invoeren, gebruikt u het kenmerk oninput="setCustomValidity('')om het bericht te wissen.

<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>

Antwoord 2, autoriteit 11%

De combinatie van de antwoorden van Mritunjay en Bartu is het volledige antwoord op deze vraag. Ik kopieer het volledige voorbeeld.

<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>

Hier,

this.setCustomValidity(‘Voer een geldig e-mailadres in’)”– Geef het aangepaste bericht weer op ongeldig van het veld

oninput=”setCustomValidity(”)”– Verwijder het ongeldige bericht op gevalideerd gearchiveerd.

Antwoord 3, autoriteit 3%

En voor alle invoer en selecteer:

$("input[required], select[required]").attr("oninvalid", "this.setCustomValidity('Required!')");
$("input[required], select[required]").attr("oninput", "setCustomValidity('')");

Antwoord 4

$(“input[required]”).attr(“oninvalid”, “this.setCustomValidity(‘Say Something!’)”);

dit werkt als je met de muis naar het vorige of volgende veld gaat, maar met de enter-toets, dit werkt niet !!!