Как не проверять текстовое поле HTML5 с обязательным атрибутом

У меня есть одно текстовое поле HTML (для количества) и две кнопки HTML (Добавить, Отмена) внутри моей формы.

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

Я не хочу, чтобы моя вторая кнопка (отмена) проверяла форму при нажатии.

Возможно ли это? В ASP.NET я могу использовать CausesValidation = "false", чтобы не запускать проверку.

Ответ 1

Попробуйте это;

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

Я изменил свой код: Что вы хотите, так это то, что ваша форма не должна быть проверена при нажатии кнопки "Отмена", поэтому я добавил formnovalidate к кнопке cancel.

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

Ответ 2

Вы можете использовать опцию formnovalidate на кнопке cancel, например:

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

См. Проверка формы Symfony2 с помощью кнопок html5 и CANCEL

Ответ 3

Попробуйте добавить атрибут formnovalidate к кнопке отмены

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

Ответ 4

Если у вас есть кнопка ввода как runat=server, тогда у вас должно быть свойство causesvalidation="false", либо если вы просто используете кнопку типа ввода html для отмены, используйте javascript для перенаправления на вашу страницу при нажатии кнопки отмены.

Например, 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

Попробуйте этот код на asp.net 5 введите ссылку здесь управление кнопками

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

Альдо Флорес Рейес @alduar .NET news

Ответ 6

попробуйте этот one.it работает отлично. Он будет работать с кнопкой отправки

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