Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Bootstrap-Formularvalidierungsfunktion

PHPz
Freigeben: 2018-10-13 15:31:00
Original
3013 Leute haben es durchsucht

Dieser Artikel stellt hauptsächlich die auf Bootstrap basierende Formularüberprüfungsfunktion vor. Ich hoffe, dass er jedem helfen kann.

Basierend auf der Bootstrap-Formularvalidierung lautet der spezifische Inhalt zu Ihrer Information wie folgt

GitHub-Adresse: https://github.com/chentangchun/FormValidate

Verwendung:

1. CSS-Stil

.valierror {
 border-color: red !important;
}

.tooltip.right .tooltip-arrow {
 border-right-color: #d15b47;
}

.tooltip-inner {
 background-color: #d15b47;
}
Nach dem Login kopieren
<form id="form">
  <input type="text" class="form-control" name="Phone" data-
  <input type="text" class="form-control" name="Name" data-   
   valiType="required">
</form>

<script>
  var $form = $("#form");
  var isVali = $form.FormValidate();

</script>
Nach dem Login kopieren

Verwandte Empfehlungen:

Bootstrap Tutorial

Beispiel für eine einfache Formularvalidierungsfunktion, die von JS implementiert wird

Detaillierte Erläuterung der Passwortbestätigung, Beispiel für die jQuery-Formularvalidierung

AngularJS-Formularvalidierungsfunktionsimplementierungsmethode

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Bootstrap-Formularvalidierungsfunktion. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage