Wie kann ich mit HTML5 Validierung mit Reagieren?

Dies ist meine Reagieren Render-Block. Ich bin mit der HTML5 Validierung auch hier erforderlich.
Diese Dinge sollen funktionieren. Aber es funktioniert nicht. kann mir jemand empfehlen, wie man mit HTML5 Validierung mit reagieren? 

            <div >
                <div className="modal-dialog">
              <div class="form-group">
                        <label for="inputEmail3" class="col-sm-2 control-label">Email</label>

                        <div class="col-sm-10">

                            <input type="email" className="form-control" name="email" required
                                   placeholder="Enter a valid email address" id='email' ref="email"/>


                        </div>
                    </div>
                    <div class="form-group">
                        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>

                        <div class="col-sm-10">
                            <input type="password" className="form-control" id='password' ref="password" required
                                   placeholder="Password must be 10 character long"/>
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="button" input type="submit" className="btn btn-success"
                                    onClick={this.saveNewUser}>Register
                            </button>
                        </div>
                    </div>


                    <div>

                    </div>

                </div>
            </div>
InformationsquelleAutor | 2015-08-31
  1. 11

    Ich lief in dieses Problem, und was für Feste es war für mich das hinzufügen der <form> tags und bewegen Sie den handler aus, den Taster-Eingang auf der <form>'s onSubmit:

    <form onSubmit={this.saveNewUser}>
  <input type="email" className="form-control" name="email" required placeholder="Enter a valid email address" id='email' ref="email" />
  <button type="submit" className="btn btn-success" />
</form>

    Sieht es aus wie der submit-button kann ein <button> oder <input> solange es eine type="submit" Attribut.

    • Dies sollte als "Antwort" gekennzeichnet
    InformationsquelleAutor bryanbraun
  2. 0

    müssen Sie wahrscheinlich schließen Sie alles in einer form, erst dann ist die html5-Validierung durchgeführt.

    <form>
<input type="email" className="form-control" name="email" required placeholder="Enter a valid email address" id='email' ref="email"/>
<input type="submit" className="btn btn-success" onClick={this.saveNewUser} />
</form>

    Sollte sowas helfen

    • Mit Bootstrap class="form-group" für die formularwiedergabe nicht plain html form tatsächlich. Kann sein, dass ist, warum die Validierung nicht funktioniert.
    • Einbringung in form tag nicht helfen, leider
    InformationsquelleAutor Shivi
  3. -4

    Er, der Grund, HTML5-Validierung gar nicht funktioniert ist, dass dieser code nicht gültig HTML5. Sie haben Formular-Elemente außerhalb von Formularen, schreiben Sie inline-JSX (das ist kein Gültiger HTML-Code), et cetera.

    Reagieren ist javascript, nicht HTML. Ein HTML5-validator ist nicht zum ausführen auf diesem selbst, nachdem Sie un-den code brechen.

    • es ist eine komplette Anleitung auf, was zu beheben ist und jemand anderes wiederholen, was ich sagte, ist von Ihnen positiv bewertet werden
    • Ich denke diese Frage wurde im Gespräch über die input-Validierung eher als semantische W3C-Validierung (siehe stackoverflow.com/questions/36650295/... für die).
    • es wurde sehr stark verändert in den drei Jahren, seitdem dies geschrieben wurde
    InformationsquelleAutor John Haugeland
Schreibe einen Kommentar