Wie mache ich ein Pflichtfeld in HTML?

Question 1

Ich kann mir nicht erklären, warum die neue required -Attribut von HTML scheint nicht zu funktionieren, und ich weiß, dass mein einfacher Code in Ordnung zu sein scheint. Was muss ich tun, damit das funktioniert?

Hier ist mein Code in HTML:

<input type = "text" class = "txtPost" placeholder = "Post a question?" required>
<button class = "btnPost btnBlue">Post</button>

Korrigieren Sie mich, wenn ich falsch liege, aber wenn ich jemals den Code im Browser ausführe und auf die Schaltfläche ohne Wert im Textfeld klicke, sollte es einen Tooltip haben, der zeigt, dass dieses Feld erforderlich war, oder? Aber es passiert nichts, egal wie oft Sie auf die Schaltfläche klicken. Bin ich missverstanden, wie man die verwendet erforderlich Attribut?

Ich führe meinen Code in Google Chrome 28 aus. Dies ist mit <!doctype HTML>.

Question 2

Stellen Sie sicher, dass das Attribut novalidate nicht auf Ihr Formular-Tag gesetzt ist

Question 3

Versuchen Sie, es in ein Formular-Tag einzufügen und das Eingabe-Tag zu schließen:

<form>
  <input type = "text" class = "txtPost" placeholder = "Post a question?" required />
  <button class = "btnPost btnBlue">Post</button>
</form>

Question 4

Das Fehlen des Submit-Feldelements im Formular verursacht diesen Fehler ebenfalls. Im Fall des von JS gehandhabten “Schaltflächen”-Felds zum Absenden des Formulars fehlt die Notwendigkeit der Schaltfläche “Senden”, daher funktioniert “Erforderlich” nicht

Question 5

Solange hinzugefügt haben type=”senden” zu knöpfen bist du gut.

 <form action="">
    <input type="text" placeholder="name" required>
    <button type="submit">Submit</button>
</form>

Question 6

Als ich das versuchte, funktionierte es eigentlich nur, wenn ich den Aktions- und Methodenwert für das Formular festlegte. Komisch, wie es aber funktioniert!

Question 7

hier eine Zusammenfassung für das, was ich gefunden habe:
1- Sie müssen sicher sein, dass die Schaltfläche vom Typ “Senden” und nicht vom Typ “Schaltfläche” ist. Tatsächlich ist die Schaltfläche standardmäßig vom Typ “Senden”, sodass Sie den Typ nicht mehr klären müssen.

 <form id="myform">
          <input type = "text" required />
          <button id="mybutton">Post</button>
        </form>

2- Sie müssen das Formular mit der Schaltfläche nicht anders senden. Mein Problem bestand darin, mein Formular mit JavaScript mit dem Formularattribut zu senden, während der Typ meiner Schaltfläche “Schaltfläche” ist, also habe ich dies getan und funktioniert;
hier war mein problem

document.getElementById("myform").submit();

und das ist die Korrektur:

 document.getElementById("mybutton").type = "submit";
  document.getElementById("mybutton").submit();

Question 8

Ich hatte das gleiche Problem. Ich habe einen onClick auf den Submit-Button gemacht und das hat das Problem verursacht. Versuchen Sie stattdessen, ein onSubmit=”anyAction” in das Formular einzufügen, und das sollte funktionieren.