In JavaScript è semplice verificare se un campo di scelta contiene un valore valido.
La soluzione è la seguente:
'use strict';
const isValidSelection = value => {
let allowedValues = ['developer', 'designer'];
return (allowedValues.indexOf(value) !== -1);
};
Esempio d'uso:
'use strict';
document.addEventListener('DOMContentLoaded', () => {
document.querySelector('#form').addEventListener('submit', e => {
e.preventDefault();
if(!isValidSelection(this.querySelector('#role').value)) {
//...
}
});
});