it-swarm.com.de

Wie kann ich die Standardnachricht des erforderlichen Felds im Popover von form-control in bootstrap ändern?

 <form class="form-asd" role="form">
    <h2 class="form-signin-heading">login</h2><hr />
    <label class="control-label"  for="username">Username</label>
    <input class="form-control" type="email"  required="" placeholder="username"data-error="enter valid username"></input>
    <label class="control-label"  for="username">password</label>
    <input class="form-control" type="password"  required=" " placeholder="Password"></input>
    <label class="checkbox"></label>
    <button class="btn btn-lg btn-primary " type="submit">submit</button>
</form>

wie können wir diese Popup-Standardnachricht des erforderlichen Felds "Bitte dieses Feld ausfüllen" in "Bitte Benutzername eingeben" ändern.

45
dpndra

Sie können die Funktion setCustomValidity verwenden, wenn das Ereignis oninvalid auftritt.

Wie unten:-

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

Aktualisieren:-

Um die Nachricht nach der Eingabe zu löschen, verwenden Sie das Attribut oninput="setCustomValidity(''), um die Nachricht zu löschen.

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

Die Kombination der Antworten von Mritunjay und Bartu ist eine vollständige Antwort auf diese Frage. Ich kopiere das vollständige Beispiel.

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

Hier,

this.setCustomValidity ('Bitte gültige E-Mail eingeben') "- Zeigt die benutzerdefinierte Nachricht an, wenn das Feld ungültig gemacht wurde

oninput = "setCustomValidity ('')" - Entfernen Sie die Ungültigkeitsnachricht für das validierte Feld.

17
Sairam Kukadala

Und für alle Eingaben und wählen Sie:

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

$ ("input [required]"). attr ("oninvalid", "this.setCustomValidity ('Say Somthing!')");

dies funktioniert, wenn Sie mit der Maus zum vorherigen oder nächsten Feld wechseln, aber mit der Eingabetaste, funktioniert dies nicht !!!

0
APH