How not to validate HTML5 text box with required attribute

问题

I have one HTML text box (for quantity) and two HTML buttons (Add, Cancel) inside my form.

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

I do not want my second button (cancel) to validate the form when clicked.

Is this possible? In ASP.NET, I can use CausesValidation="false" to not trigger the validation.

回答1:

Try this;

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

I changed your code: What you want is that your form should not be validated on click of cancel, so that's why i added the formnovalidate to the button cancel.

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

回答2:

Try to add formnovalidate attribute to your cancel button

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

回答3:

You could use the formnovalidate-option on the cancel-button, like this:

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

See Symfony2 form validation with html5 and CANCEL button

回答4:

If you have the input button as runat=server then you must have the property causesvalidation="false" or else if you are simply using html input type button for cancel use javascript to redirect to your page on click of cancel.

For eg. 1)

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

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

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

回答5:

Try this code at asp.net 5enter link description here button control

<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

回答6:

try this one.it works fine.It will work on submit button

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

来源：https://stackoverflow.com/questions/18202784/how-not-to-validate-html5-text-box-with-required-attribute

标签

html5

button

required