javascript – Fragen zur Bootstrap-Formularvalidierung-PHP-Tutorial-php.cn

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>

Nach dem Login kopieren

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:

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

Nach dem Login kopieren

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>

Nach dem Login kopieren

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

Verwandte Etiketten：

bootstrap javascript php

Quelle：php.cn

Vorheriger Artikel：Verwenden Sie das jssdk von WeChat, um Bilder auf Ihre eigene Server-Medien-ID hochzuladen Nächster Artikel：Wie SAE den Datei-Upload implementiert

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

Neueste Artikel des Autors