So fügen Sie eine Validierung Fehlermeldung neben einem Feld mit jQuery
Hallo habe ein Formular mit ein paar Feldern. Unter Ihnen:
<div>
<label for="phoneNumber" class="label">Phone Number</label>
<input name="phoneNumber" type="text" id="phoneNumber" size="13" style="float:left;margin-right:10px;">
</div>
<div>
<input type="checkbox" name="activePN" id="activePN" checked >
<label for="activePN">Active</label>
</div>
Die, wenn das Formular vorlegen, möchte ich überprüfen die Eingabe und schreiben Sie neben jedem Feld, für welches Feld nicht validiert werden. Wie diese:
$('#submit').click(function () {
var proceed = true;
var strippedPN = $('#phoneNumber').val().replace(/[^\d\.]/g, '').toString(); //strips non-digits from the string
if (strippedPN.length !== 10) {
$('#phoneNumber').text('<p>Phone number has to be 10 digits long.</p>')
proceed = false;
}
...
...
...
});
Ich war hopping, dass das hinzufügen dieser <p> </p>
- tags würde es tun. Aber Sie tun es nicht...
Hinweis: ich habe auch versucht mit html()
statt text()
und mit activePN
statt phoneNumber
.
InformationsquelleAutor Amarundo | 2013-08-15
Du musst angemeldet sein, um einen Kommentar abzugeben.
Verwenden
.after()
.Könnte es klug sein, um eine Klasse zu Ihrem
p
tag zu, so können Sie entfernen Sie Sie, wenn die Zahl geändert ist, um korrekt zu sein.span
stattp
. Mitp
würde auch erzeugen Sie eine Zeilenschaltung. Ich habe ein problem mit der Farbe jetzt. Ich werde tun, eine andere Frage.InformationsquelleAutor Grim...
Versuchen:
InformationsquelleAutor StackSlave