validacion - validar formulario javascript html5

Cómo no validar el cuadro de texto HTML5 con el atributo requerido

Question

Tengo un cuadro de texto HTML (por cantidad) y dos botones HTML (Agregar, Cancelar) dentro de mi formulario.

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

No quiero que mi segundo botón (cancelar) valide el formulario al hacer clic.

es posible? En ASP.NET, puedo usar CausesValidation = "false" para no activar la validación.

Answer 1

Intenta agregar el atributo formnovalidate a tu botón cancelar

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

Answer 2

Prueba esto;

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

Cambié tu código: lo que quieres es que tu formulario no se valide al hacer clic en cancelar, así que es por eso que agregué el formnovalidate al botón cancelar.

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

Answer 3

Si tiene el botón de entrada como runat=server entonces debe tener la propiedad causesvalidation="false" o si simplemente está utilizando el botón html input type para cancelar, use javascript para redireccionar a su página al hacer clic en cancelar.

Por ej. 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>

Answer 4

Pruebe este código en asp.net 5 ingrese la descripción del enlace aquí botón control

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

Noticias de Aldo Flores Reyes @alduar .net

Answer 5

prueba este one.it funciona bien. Funcionará en el botón de enviar

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

Answer 6

Puede usar la opción formnovalidate en el botón cancelar, como esta:

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

Ver la validación del formulario Symfony2 con html5 y el botón CANCELAR