javascript – Fragen zur Bootstrap-Formularvalidierung

Der im Hintergrund festgelegte Bootstrap kann stilistisch den meisten Stilen gerecht werden. Es gibt ein Problem mit der Formularübermittlung, bei der die vorgefertigte Bootstrap-Vorlage verwendet wird. Der Code lautet wie folgt:

<code>  <form class="form-signin">
    <h2 class="form-signin-heading">Please sign in</h2>
    <label for="inputEmail" class="sr-only">Email address</label>
    <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="remember-me"> Remember me
      </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  </form>

</div> <!-- /container -->

</code>

Bezüglich der Methode der Formularüberprüfung gibt es keine Einführung auf der offiziellen Website. Ich weiß, was „require“ bedeutet, aber ich möchte wissen, wo ich die Einführung zu diesem Aspekt finden kann, kann sie aber nicht auf der offiziellen Website finden . Vielen Dank an alle

Weil ich Ajax geschrieben habe, um asynchron zu senden, aber es hat nicht funktioniert. Ich möchte das mit bs gelieferte Verifizierungsformular verwenden, um eine asynchrone Übermittlung durchzuführen. Vielen Dank

Antwortinhalt:

Der im Hintergrund festgelegte Bootstrap kann stilistisch den meisten Stilen gerecht werden. Es gibt ein Problem mit der Formularübermittlung, bei der die vorgefertigte Bootstrap-Vorlage verwendet wird. Der Code lautet wie folgt:

<code>  <form class="form-signin">
    <h2 class="form-signin-heading">Please sign in</h2>
    <label for="inputEmail" class="sr-only">Email address</label>
    <input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
    <label for="inputPassword" class="sr-only">Password</label>
    <input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
    <div class="checkbox">
      <label>
        <input type="checkbox" value="remember-me"> Remember me
      </label>
    </div>
    <button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
  </form>

</div> <!-- /container -->

</code>

Bezüglich der Methode der Formularüberprüfung gibt es keine Einführung auf der offiziellen Website. Ich weiß, was „require“ bedeutet, aber ich möchte wissen, wo ich die Einführung zu diesem Aspekt finden kann, kann sie aber nicht auf der offiziellen Website finden . Vielen Dank an alle

Weil ich Ajax geschrieben habe, um asynchron zu senden, aber es hat nicht funktioniert. Ich möchte das mit bs gelieferte Verifizierungsformular für die asynchrone Übermittlung verwenden. Vielen Dank

Einfach.

<code>$("form").submit(function(e){
    e.preventDefault();   // disabled default action
    // do something and ajax ....
    $.post("url", $("form").serializeArray())
    .done(function(){})
    .failed(function(){})
    
  });</code>

Bevor Sie die Formulardaten zur Verarbeitung an Ajax senden, schreiben Sie eine Funktion zur Überprüfung der Daten. Bei Erfolg werden diese an Ajax übergeben, und wenn dies fehlschlägt, wird eine Eingabeaufforderung zurückgegeben.

Schreiben Sie die Serveradresse der Aktion in das Formular-Tag.

Ich habe auf Github gesucht, es gibt viele, wählen Sie Ihren eigenen https://github.com/search?utf8= ✓&q=Bootstrap Validator

Sie können diese Seite sehen, jQuery Validate |. Rookie Tutorial http://www.runoob.com/jquery/jquery-plugin-validate.html

Es gibt Plug-ins, die Ihnen dabei helfen können

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

Heiße KI -Werkzeuge

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Mehr anzeigen

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Beste grafische Einstellungen

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Assassin's Creed Shadows: Seashell Riddle -Lösung

2 Wochen vor By DDD

R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

R.E.P.O. Chat -Befehle und wie man sie benutzt

4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Mehr anzeigen

Heiße Werkzeuge

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Mehr anzeigen

Heiße Themen

Wo ist der Login-Zugang für Gmail-E-Mail?

7519

15

CakePHP-Tutorial

1378

52

Wie lautet das Format des Kontonamens von Steam?

81

11

Win11 -Aktivierungsschlüssel dauerhaft

54

19

NYT -Verbindungen Hinweise und Antworten

21

68

Mehr anzeigen