2016-06-26 10 views
1
<form action=""> 
    First name: <input type="text" required name="FirstName" value=""><br> 
    Last name: <input type="text" name="LastName" value="Mouse"><br> 
    <input type="submit" value="Submit"> 
</form> 

Gibt es eine Möglichkeit, wie kann ich HTML5 Validierung? Wie der Vorname Feld wird verhindert, wenn ich auf "Senden" klicken, mithilfe von Javascript, gibt es eine Möglichkeit, dass ich weiß, es gibt eine Blockade von HTML5?Erkennen html5 Validierung mit Javascript

+0

Sie können einfach deaktivieren Browser Validierung mit '

' oder überprüfen Sie, ob die Validierung mit den Antworten auf diese Frage lautet: http://stackoverflow.com/ Fragen/8550642/check-wenn-ein-Browser-hat-eingebaut-in-html5-Formular-Validierung –

+1

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5/Constraint_validation# Constraint_validation_process und hier ist eine nützliche Lektüre: https://www.sitepoint.com/html5-forms-javascript-constraint-validation-api/ –

Antwort

1

Die Attribute für Formularübermittlung, die auf Formelemente festgelegt werden können, sind action, enctype, Methode novalidate, und Ziel.

die entsprechenden Attribute für Formularübermittlung, die Tasten auf vorlegen angegeben werden können, sind formaction, formenctype, formmethod, formnovalidate und formtarget. Wenn sie weggelassen werden, werden standardmäßig die Werte verwendet, die für die entsprechenden Attribute im Formularelement angegeben sind.

so, wie W3 es in dem unten stehenden Absatz genannten können Sie entweder das novalidate auf Formularelement oder fügen Sie formnovalidate auf dem Absenden-Button html5 um zu verhindern, das Formular zu validieren und die Kontrolle über die Validierung es.

Denken Sie daran, dass Sie mit dieser Aktion alle Validierungsfunktionen verlieren und jedes einzelne Feld selbst validieren müssen.

Auf der anderen Seite möchten Sie vielleicht nur wissen, ob der Browser die HTML5-Validierung nicht unterstützt. in diesem Fall können Sie diesen Code verwenden:

if (typeof document.createElement('input').checkValidity != 'function') 
    document.getElementsByTagName("form")[0].setAttribute("novalidate", "")