web-dev-qa-db-fra.com

Comment ne pas valider la zone de texte HTML5 avec l'attribut requis

J'ai une zone de texte HTML (pour la quantité) et deux boutons HTML (Ajouter, Annuler) à l'intérieur de mon formulaire.

<form>
    <input type="number" min="1" max="100" required />
    <button type="button">Add</button>
    <button type="button">Cancel</button>
</form>

Je ne veux pas que mon deuxième bouton (annuler) valide le formulaire lorsque vous cliquez dessus.

Est-ce possible? Dans ASP.NET, je peux utiliser CausesValidation = "false" pour ne pas déclencher la validation.

html5buttonrequired
19
abramlimpin

Essaye ça;

<button type="button" formnovalidate>Cancel</button>

J'ai changé votre code: Ce que vous voulez, c'est que votre formulaire ne soit pas validé au clic sur Annuler, c'est pourquoi j'ai ajouté le formulaire novalidate au bouton annuler.

<form>
    <input type="number" min="1" max="100" required />
    <input type="submit">Add</input>
    <input type="submit" formnovalidate>Cancel</input>
</form>
40
Abhishek Jain

Vous pouvez utiliser l'option formnovalidate sur le bouton d'annulation, comme ceci:

<input name="cancel" type="submit" value="Cancel" formnovalidate/>

Voir Validation de formulaire Symfony2 avec html5 et bouton ANNULER

3
proditor

Essayez d'ajouter l'attribut formnovalidate à votre bouton d'annulation

<button type="button" formnovalidate>Cancel</button>
3
Pouki

Si vous avez le bouton de saisie en tant que runat=server, vous devez disposer de la propriété causesvalidation="false" ou sinon, si vous utilisez simplement le bouton de type d'entrée html pour annuler, utilisez javascript pour rediriger vers votre page en cliquant sur Annuler.

Pour par exemple . 1)

<input type="button" id="btnCancel" class="button blue" value="Cancel" **causesvalidation="false"** onserverclick="btnCancel_Click" runat="server" />

2)

<input type="button" id="btnCancel" class="button blue" value="Cancel" **onclick="GoTo();"**/>

<script type="text/javascript">
function GoTo() {
            window.location.href = '../default.aspx';
        }
</script>
2
Bhavin Mistry

Essayez ce code sur asp.net 5 entrez la description du lien ici bouton de contrôle

<form>
<input type="number" min="1" max="100" required />
<button type="button">Add</button>
<button type="button" formnovalidate="formnovalidate">Cancel</button>

Aldo Flores Reyes @ Alduar .net news

1
alduar

essayez ce one.it fonctionne très bien.Il fonctionnera sur le bouton d'envoi

<asp:TextBox runat="server" ID="inputusername" required />
0
HUSEN JAMBUGOHDA