Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Bootstrap-Formularvalidierungsfunktion

Detaillierte Erläuterung der Bootstrap-Formularvalidierungsfunktion

PHPz
PHPzOriginal
2018-01-18 13:33:043014Durchsuche

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;
}
<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>

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!

Stellungnahme:
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