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.