Skip to main content
se añadieron 93 caracteres en el cuerpo
Origen Enlace

Formulario HTML:

<form action="yoqsetio" method="post" id="formulario">
    <select name="numericAlphanumeric">
        <option value="alphanumeric">Alfanumérico</option>
        <option value="numeric">Numérico</option>
    </select>
    <input type="text" name="data">
    <input type="submit" value="enviar">
</form>

JavaScript:

    const validaFormulario = (form) => {
        const formData = form.data
        const numAlpha = form.numericAlphanumeric

        if (numAlpha.value === 'alphanumeric') {
            // Es alfanumérico
        }

        if (numAlpha.value === 'numeric') {
            // Es numérico
        }

        // La función tiene que devolver algo en algún momento para que saber 
        // si la comprobación es correcta o no
    }

    document.getElementById('formulario').addEventListener('submit', function (e) {
        e.preventDefault()
        if (validaFormulario(this)) {
            // Validación correcta, envía el formulario
            // this.submit()
        } else {
            // Manejo de error
        }
    })

Otra opción es validarlo con expresiones regulares, pero creo que así queda más claro. También puedes usar el evento 'keyup' para comparar según vas escribiendo en el input texto.

Formulario HTML:

<form action="yoqsetio" method="post" id="formulario">
    <select name="numericAlphanumeric">
        <option value="alphanumeric">Alfanumérico</option>
        <option value="numeric">Numérico</option>
    </select>
    <input type="text" name="data">
    <input type="submit" value="enviar">
</form>

JavaScript:

    const validaFormulario = (form) => {
        const formData = form.data
        const numAlpha = form.numericAlphanumeric

        if (numAlpha.value === 'alphanumeric') {
            // Es alfanumérico
        }

        if (numAlpha.value === 'numeric') {
            // Es numérico
        }

        // La función tiene que devolver algo en algún momento para que saber 
        // si la comprobación es correcta o no
    }

    document.getElementById('formulario').addEventListener('submit', function (e) {
        e.preventDefault()
        if (validaFormulario(this)) {
            // Validación correcta, envía el formulario
            // this.submit()
        } else {
            // Manejo de error
        }
    })

Otra opción es validarlo con expresiones regulares, pero creo que así queda más claro.

Formulario HTML:

<form action="yoqsetio" method="post" id="formulario">
    <select name="numericAlphanumeric">
        <option value="alphanumeric">Alfanumérico</option>
        <option value="numeric">Numérico</option>
    </select>
    <input type="text" name="data">
    <input type="submit" value="enviar">
</form>

JavaScript:

    const validaFormulario = (form) => {
        const formData = form.data
        const numAlpha = form.numericAlphanumeric

        if (numAlpha.value === 'alphanumeric') {
            // Es alfanumérico
        }

        if (numAlpha.value === 'numeric') {
            // Es numérico
        }

        // La función tiene que devolver algo en algún momento para que saber 
        // si la comprobación es correcta o no
    }

    document.getElementById('formulario').addEventListener('submit', function (e) {
        e.preventDefault()
        if (validaFormulario(this)) {
            // Validación correcta, envía el formulario
            // this.submit()
        } else {
            // Manejo de error
        }
    })

Otra opción es validarlo con expresiones regulares, pero creo que así queda más claro. También puedes usar el evento 'keyup' para comparar según vas escribiendo en el input texto.

Origen Enlace

Formulario HTML:

<form action="yoqsetio" method="post" id="formulario">
    <select name="numericAlphanumeric">
        <option value="alphanumeric">Alfanumérico</option>
        <option value="numeric">Numérico</option>
    </select>
    <input type="text" name="data">
    <input type="submit" value="enviar">
</form>

JavaScript:

    const validaFormulario = (form) => {
        const formData = form.data
        const numAlpha = form.numericAlphanumeric

        if (numAlpha.value === 'alphanumeric') {
            // Es alfanumérico
        }

        if (numAlpha.value === 'numeric') {
            // Es numérico
        }

        // La función tiene que devolver algo en algún momento para que saber 
        // si la comprobación es correcta o no
    }

    document.getElementById('formulario').addEventListener('submit', function (e) {
        e.preventDefault()
        if (validaFormulario(this)) {
            // Validación correcta, envía el formulario
            // this.submit()
        } else {
            // Manejo de error
        }
    })

Otra opción es validarlo con expresiones regulares, pero creo que así queda más claro.